0%

text

TextScramble

Cipher-style decode — characters scramble into the final text.

Playground

Scroll-based previews need you to scroll into view.

Live preview

Code

<TextScramble duration={1.2} charDelay={0.03} className="text-xl font-bold tracking-wide">
  DECODING SIGNAL...
</TextScramble>

Props

PropTypeDefaultDescription
durationnumber1.2Decode duration per character
charDelaynumber0.03Stagger between characters
triggermount | viewmountWhen to start