Glitch / Cyberpunk Text
ProYour headline tears in cyan and red, then snaps back. Pure cyberpunk.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | - | The string to render. Mirrored into data-text for the chromatic layers. |
as | keyof React.JSX.IntrinsicElements | "span" | Tag rendered as the outer element. |
mode | "continuous" | "pulsed" | "hover" | "pulsed" | How the glitch fires: always-on, periodic bursts, or hover-only. |
burstEvery | number | 4 | Average seconds between bursts when mode is pulsed. |
burstDuration | number | 0.4 | Length of one burst in seconds when mode is pulsed. |
colorA | string | "#00f0ff" | Color of the first chromatic-aberration layer. |
colorB | string | "#ff003c" | Color of the second chromatic-aberration layer. |
intensity | "low" | "medium" | "high" | "medium" | Visual aggression of the chromatic split and glow layers. |
scanline | boolean | true | Show the thin traveling scanline during active glitch states. |