Text Scramble / Decode

Hacker-style decode effects with ScrambleText — on hover, on load and on a loop.

sketchGSAPScrambleText

ScrambleTextPlugin replaces characters with random ones from a set and reveals the target left to right.

Updates text nodes only — tiny layout cost on a fixed-width monospace container.

aria-label holds the final text so screen readers never hear the gibberish.

Playgroundcustom

Duration1.20 s

Character set

Speed0.60

Export

{
  "duration": 1.2,
  "chars": "upperCase",
  "speed": 0.6
}