Scramble Text
Glyphs flicker and lock into the final string.
hover
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Text
Speed40ms
Trigger
Props
| Prop | Type | Default | Description |
|---|---|---|---|
text* | string | — | Target text to decode to. |
glyphs | string | A–Z 0–9 symbols | Glyph pool used while scrambling. |
speed | number | 40 | Milliseconds per animation step. |
framesPerChar | number | — | Frames each character stays scrambled before locking. |
trigger | "view" | "hover" | "mount" | "hover" | What starts the effect. |