Text Scramble Effect
Characters scramble through random glyphs before settling on the final text.
Adjust the preview
Every choice updates the preview and the wording below.
Character Set
Duration
Reveal Pattern
Trigger
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a text scramble effect where text characters cycle through random letters and numbers before settling on the final string. The scramble takes 1.5 seconds with a left-to-right reveal pattern. Use JavaScript to randomize characters at intervals and progressively lock each character into place. Trigger on component mount.
Paste it into Claude, Cursor, or v0 along with the context for your project.