Scramble Text
Decoder-style text that scrambles random characters and resolves into the final text. Replays on hover.
Import
import { ScrambleText } from "@igorao79/uivix";Examples
Default
Hover to replay
Hack the planet
Slow
Longer duration
Decrypting...
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | - | Final text to reveal |
| duration | number | 1200 | Total reveal duration in ms |
| chars | string | "!<>-_\\/[]{}—=+*^?#" | Characters used while scrambling |
| replayOnHover | boolean | true | Replay the effect on hover |
| as | ElementType | "span" | HTML tag |
| className | string | - | Additional CSS classes |