---
title: "Scramble Text Cycle — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Nabeel · Text. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/scramble-text-cycle"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Scramble Text Cycle

# Scramble Text Cycle

Scramble Text Cycle

[View on Framer](https://framer.com/marketplace/components/scramble-text-cycle/?via=elliot-li)

![Scramble Text Cycle preview image 1](https://framer.elliotli.dev/og/component/scramble-text-cycle/a3b796d65a9da2c7/1600x1200.jpg)

## Summary

Scramble Text Cycle

## Description

## 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](https://segmentui.com/uikit) to see the full library

## Instructions

1.  Copy and paste the component 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

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-p4hxko98-35ds2dnMCetV7emxkZWj20ZezAaszd)

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](mailto: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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #9969

## Details

- **Author**: Nabeel
- **Price**: $4.00
- **Published**: 2025-09-25
- **Updated**: 2026-04-14
- **Added**: 2025-09-19
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing