Browse components
Glitch Text
RGB-split slices jitter across the text like a broken signal.
SIGNAL LOST
Installation
npx shadcn@latest add @glint-ui/glitch-textFirst time using @glint-ui? Add the registry to components.json once, or install by URL: npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glitch-text.json
Usage
import { GlitchText } from "@/components/ui/glitch-text";
<GlitchText text="SIGNAL LOST" className="text-6xl font-black" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | "SIGNAL LOST" | Text to render. |
| speed | number | 0.6 | Seconds per glitch loop. |
| hoverOnly | boolean | false | Only glitch while hovered. |
| className | string | — | Extra classes for the root element. |