RGB-split slices that stutter across the text, like a corrupted signal.
npx shadcn@latest add https://hyperblur.dev/r/glitch-text.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/glitch-text.tsx.
import { GlitchText } from "@/components/hyperblur/glitch-text"
<GlitchText text="HYPERBLUR" intensity={2} />| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | required | Text to render. |
| intensity | 1 | 2 | 3 | 2 | How far the slices jump. |
| speed | number | 1 | Animation speed multiplier. |
| colors | [string, string] | ["#19c3f5", "#ff2fa0"] | Colors of the two ghost layers. |