ScrambleText

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
  

WATCH THE DEMO