\

Scramble Text

Scramble Text Effect
Scramble Text Effect
Scramble Text Effect

Feedback

Feedback

Feedback

How to use component?

To use the component in your Framer project, first, copy it. Then, paste it into your project. It will automatically import and show up in the left sidebar under the Assets tab in the DesignKits folder. You can then drag it onto your canvas to create a new instance.

Scramble Text

Loading...

Component

General

Updated: Mar 28, 2025

Overview

The ScrambleText component creates engaging text animations by scrambling and gradually revealing characters. With customizable speeds, triggers, and highlighting effects, it adds interactive flair to headlines and UI elements that demand attention.

Adjustable Properties

  • Trigger

  • Speed & Smoothness

  • Completion %

  • Character set

  • Highlight color