Glitch / Cyberpunk Text

Pro

Your headline tears in cyan and red, then snaps back. Pure cyberpunk.

Loading preview...

Props

PropTypeDefaultDescription
textstring-The string to render. Mirrored into data-text for the chromatic layers.
askeyof 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.
burstEverynumber4Average seconds between bursts when mode is pulsed.
burstDurationnumber0.4Length of one burst in seconds when mode is pulsed.
colorAstring"#00f0ff"Color of the first chromatic-aberration layer.
colorBstring"#ff003c"Color of the second chromatic-aberration layer.
intensity"low" | "medium" | "high""medium"Visual aggression of the chromatic split and glow layers.
scanlinebooleantrueShow the thin traveling scanline during active glitch states.