BT01 | Scramble Text
Create stunning scramble animations for any text. Customize fonts, colors, speed & direction to grab attention in hero sections, loaders & UI moments.
Make it with Workshop
Build your own component with AI
About this Component
Scramble Text brings your words to life with a striking scramble animation. Perfect for hero headlines, loading states, or playful UI moments, it reveals your message through a dynamic effect that grabs instant attention.
With fully customizable controls for fonts, colors, speed, direction, and looping, you can adapt the animation to any design or brand style. Whether you want a subtle text reveal or a bold glitch-like effect, Scramble Text makes your typography stand out while keeping your native font styling intact.
FEATURES
Native font styling (size, weight, line, letter spacing, alignment)
Customizable text & character set
Color & scrambled color options
Adjustable scramble percentage & keep-ending characters
Animation duration & delay
Scramble speed control
Direction (left, right, center, random)
Trigger (on load, in view)
Replay (hover, click, none)
Looping with interval
Cursor style
