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

PropTypeDefaultDescription
textstringFinal text (defaults to the element's textContent).
fpsnumber12Glitch frames per second.
durationnumber1.2Total duration in seconds.
trigger'mount' | 'hover' | 'scroll''hover'When the glitch plays.
charsstringPool of glitch glyphs.
intensitynumber0.4Probability per frame that a given char glitches (0–1).
oncebooleanDefaults to true for mount/scroll, false for hover.