Glitch Text
Two offset copies in split colors flicker through random slices, like a bad signal. Always on, or only on hover.
import { GlitchText } from "pleate/effects/glitch-text";Always and on hover
SIGNAL LOST
Only on hover: static
Props
- children
The text.
ReactNode- speed
Seconds per cycle.
numberdefault 0.5- onHover
Glitch only while hovered or focused.
booleandefault false- offset
Sideways shift of the copies (px).
numberdefault 3- colors
Copy colors.
[string, string]default accent, pink
Accessibility
- The copies are hidden from assistive tech.
- Reduced motion removes the copies.