Hacker-style decryption cycling random glyphs until resolving to real text.
Every prop is wired to the controls underneath. Pick when the effect runs with Animate On, and what a click does with Click Mode.
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | "" | The text content to decrypt. |
speed | number | 50 | Time in ms between each iteration. |
maxIterations | number | 10 | Max # of random iterations (non-sequential mode). |
sequential | boolean | false | Whether to reveal one character at a time in sequence. |
revealDirection | "start" | "end" | "center" | "start" | From which position characters begin to reveal in sequential mode. |
useOriginalCharsOnly | boolean | false | Restrict scrambling to only the characters already in the text. |
characters | string | "ABC...xyz!@#$%^&*()_+" | Pool of characters used while scrambling. |
className | string | "" | CSS class for revealed characters. |
parentClassName | string | "" | CSS class for the main characters container. |
encryptedClassName | string | "" | CSS class for encrypted characters. |
animateOn | "view" | "hover" | "inViewHover" | "click" | "hover" | Trigger scrambling on hover or scroll-into-view. |
clickMode | "once" | "toggle" | "once" | Controls click behavior; only applies when animateOn is "click". |
Keyboard shortcuts and ARIA behavior.