Components
Scramble Text
Text that cycles through random characters before resolving, creating a satisfying decoding effect. Triggers on hover or mount.
Preview
Hover over me
Installation
npx shadcn@latest add https://orbit.ruturaj.xyz/r/scramble-textProps
| Prop | Type | Default | Description |
|---|---|---|---|
| children | string | — | The text to scramble |
| trigger | "hover" | "mount" | "both" | "hover" | When to play the scramble animation |
| speed | number | 40 | Interval between character updates (ms) |
| cycles | number | 8 | Scramble cycles before each character resolves |