TextGlitch
Quick, jittery character corruption — faster + denser than ScrambleText. A percentage of characters glitch per frame and the noise decays to zero.
Boots up like a CRTHover to glitch
Usage
import { TextGlitch } from '@bwo-ui/react';
<TextGlitch trigger="hover" duration={0.9} intensity={0.45}>
Hover me
</TextGlitch>Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | — | Final text (defaults to the element's textContent). |
fps | number | 12 | Glitch frames per second. |
duration | number | 1.2 | Total duration in seconds. |
trigger | 'mount' | 'hover' | 'scroll' | 'hover' | When the glitch plays. |
chars | string | — | Pool of glitch glyphs. |
intensity | number | 0.4 | Probability per frame that a given char glitches (0–1). |
once | boolean | — | Defaults to true for mount/scroll, false for hover. |