Text effects

Hover Decrypt Text

Letters scramble through random characters and resolve left to right into the real word over about a second, replaying the decode whenever the pointer enters the text.

Hover to decode again

Using Hover Decrypt Text

Letters scramble through random characters and resolve left to right into the real word over about a second, replaying the decode whenever the pointer enters the text.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: text, duration, animateOnHover, startOnView

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

2317Cipher reveal textText effectsA label that starts scrambled into random symbols and decrypts into its real text on view, hover, or click.

2825Character shuffle revealText effectsEach character rolls through a strip of random glyphs like a slot reel before landing on the real letter, revealed on scroll with hover replay.

2818Pointer scramble textText effectsMoving the pointer across a paragraph scrambles the nearby characters into symbols that settle back to the real letters as the cursor moves away.

1539Scramble textText effectsMonospace text that lands one character at a time from rolling glyphs behind a write head, and comes loose again wherever the pointer brushes it.

2301Ascii Art HeadingText effectsA large word is rendered as a mosaic of monospaced characters whose density mimics the letterforms, gently rippling and tilting toward the pointer.

1915Aurora glow headingText effectsA headline where one word carries a slow-drifting multicolor gradient fill clipped to its letterforms, like aurora light glowing behind the type.