A text scramble reveal for Framer. Characters cycle through random glyphs and settle into the real text, one position at a time, in the order and at the pace you choose.
Zero dependencies. Nothing is fetched at runtime, so nothing can change under you after purchase.
Four triggers (scroll into view, hover, mount, loop), four reveal orders (left, right, from center, random), and five glyph sets (A-Z 0-9, symbols, katakana, binary, custom). 13 property controls in all.
Accessible by construction: the real string sits on the parent as aria-label and every scrambling glyph is aria-hidden, so screen readers never read the noise. Spaces and line breaks are never scrambled.
Respects prefers-reduced-motion, and you can override that per instance.
A text scramble reveal for Framer. Characters cycle through random glyphs and settle into the real text, one position at a time, in the order and at the pace you choose.
Zero dependencies. Nothing is fetched at runtime, so nothing can change under you after purchase.
Four triggers (scroll into view, hover, mount, loop), four reveal orders (left, right, from center, random), and five glyph sets (A-Z 0-9, symbols, katakana, binary, custom). 13 property controls in all.
Accessible by construction: the real string sits on the parent as aria-label and every scrambling glyph is aria-hidden, so screen readers never read the noise. Spaces and line breaks are never scrambled.
Respects prefers-reduced-motion, and you can override that per instance.