Text Cipher
Glitch text scrambling effect built with requestAnimationFrame.
SUPER_COOL_GLITCH
Hover text or adjust controls$
npx shadcn@latest add https://docs.aungsh.com/r/text-cipher.jsonInstallation
npx shadcn@latest add https://docs.aungsh.com/r/text-cipher.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | Required | Target text string to scramble. |
speed | number | 16 | Milliseconds per step. |
characters | string | "0123.../?~" | Character set used during scrambling. |
triggerOnHover | boolean | true | Trigger animation on mouseenter. |
as | React.ElementType | "span" | Wrapper element (e.g., "h1", "span"). |
className | string | "" | Tailwind CSS classes. |