Resources
Desktop app
Marketplace
Community
Developers
Wallpapers
Meetups
Company
Security
Careers
Report
Status
Legal
Blog
Creators
Program
Payouts
Experts
Awards
Events
Brand
Compare
Squarespace
Wordpress
Unbounce
Webflow
Figma
Wix
Solutions
Figma to HTML
Website builder
Portfolio maker
Landing pages
UI/UX design
No-code
Socials
Instagram
X Twitter
YouTube
LinkedIn
Threads
TikTok
    Framer
    EnterprisePricing
    Enterprise
    Pricing
    Marketplace
    TemplatesPluginsComponents
    Templates
    Plugins
    Components
    Component preview thumbnail
    MarketplaceComponents

    Scramble Text Cycle

    an animated text effect that cycles through a list of words, with a scrambling animation where characters randomly change before settling into the next word

    Nabeel
    Nabeel
    Creator
    13h ago
    Updated
    12
    Views
    Nabeel
    Nabeel
    Creator
    13h ago
    Updated
    12
    Views

    Make it with Workshop

    Build your own component with AI


    About

    This component creates an animated text effect that cycles through a list of words, with each transition featuring a scrambling animation where characters randomly change before settling into the next word.

    This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library

    Instructions

    1. Copy and paste the component code into your project file

    2. Configure the component through the properties panel:

      • Add your desired words in the Words array

      • Set animation and pause durations

      • Choose text color

      • Customize font properties

    The component will automatically handle the cycling and scrambling animations between your specified words.

    How It Works

    The component comes with customizable properties for:

    • List of words to cycle through

    • Animation duration for the scramble effect

    • Pause duration between words

    • Text color and font styling

    • Font properties including size, weight, and family

    Support

    For any queries and help setting up the component, contact hello@segmentui.com

    Refund Policy

    If a component does not function as advertised and the issue cannot be resolved, you are eligible for a full refund under our quality guarantee. Refunds will not be provided for any other reasons, including change of mind, accidental purchase, lack of use, or expectations of features not explicitly advertised.

    Support
    About ComponentsRefund PolicyContact Creator

    More Components

    See All →
    Thumbnail for Cookie Banner Pro, a Framer Marketplace template by Can Girgin.
    Cookie Banner Pro
    $12
    Can Girgin
    Thumbnail for Logo Preloader, a Framer Marketplace template by Brett Jackson.
    Logo Preloader
    Free
    Brett Jackson
    Thumbnail for Cute Characters, a Framer Marketplace template by Victoria.
    Cute Characters
    Free
    Victoria
    Thumbnail for Google Map Frame, a Framer Marketplace template by Zeroqode.
    Google Map Frame
    $10
    Zeroqode
    Thumbnail for Googly Eyes, a Framer Marketplace template by Shaigexp.
    Googly Eyes
    $5
    Shaigexp
    Thumbnail for Page Favouriting, a Framer Marketplace template by Nabeel.
    Page Favouriting
    $19
    Nabeel
    Thumbnail for Mac Dock, a Framer Marketplace template by Fabian Albert.
    Mac Dock
    $10
    Fabian Albert
    Thumbnail for Table of Contents, a Framer Marketplace template by Nabeel.
    Table of Contents
    $15
    Nabeel

    More from Nabeel

    See All →
    Thumbnail for Download Page as PDF, a Framer Marketplace component by Nabeel.
    Download Page as PDF
    component · $4
    Nabeel
    Thumbnail for Framer Slides, a Framer Marketplace component by Nabeel.
    Framer Slides
    component · $14
    Nabeel
    Thumbnail for Advanced Slider, a Framer Marketplace component by Nabeel.
    Advanced Slider
    component · $4
    Nabeel
    Thumbnail for Advanced Video Play, a Framer Marketplace component by Nabeel.
    Advanced Video Play
    component · $9
    Nabeel
    Thumbnail for Dismiss Once Banner, a Framer Marketplace component by Nabeel.
    Dismiss Once Banner
    component · $14
    Nabeel
    Thumbnail for CSV to Framer Table, a Framer Marketplace component by Nabeel.
    CSV to Framer Table
    component · $14
    Nabeel
    Thumbnail for Animated Glow, a Framer Marketplace component by Nabeel.
    Animated Glow
    component · $4
    Nabeel
    Thumbnail for Blog Scroll Progress, a Framer Marketplace component by Nabeel.
    Blog Scroll Progress
    component · $14
    Nabeel