Glitch Text
Display heading with animated chromatic aberration.
Night Drive
Installation
npx shadcn@latest add @vinyl/glitch-textUsage
import { GlitchText } from '@/components/ui/glitch-text';
<GlitchText level={1}>Night Drive</GlitchText>
<GlitchText level={3} animated={false} intensity={1}>Side B</GlitchText>API
| Prop | Values | Default |
|---|---|---|
level | 1 2 3 4: heading level and size | 1 |
animated | Glitch bursts | true |
intensity | Channel offset in px | 2 |
On native, children must be a string. It's announced as one heading. For short headings only; see Motion & accessibility.