text

CharGlitch

Per-character glitch effect with scramble reveal.

npx chaos add char-glitch

PREVIEW

GL!TCH

USAGE

import { CharGlitch } from '@/components/chaos/text/char-glitch';

<CharGlitch>CORRUPTED</CharGlitch>
<CharGlitch variant="matrix" mode="wave">MATRIX</CharGlitch>
<CharGlitch scramble>REVEAL ME</CharGlitch>

PROPS

PropTypeDefault

childrenText to display

string-

intensityGlitch intensity

"subtle" | "medium" | "intense""medium"

variantVisual variant

"blood" | "cyber" | "matrix" | "corrupt""blood"

modeTrigger mode

"random" | "hover" | "continuous" | "wave""random"

intervalInterval between random glitches in ms

number100

glitchCharsCharacters to use for scramble

string"!@#$%..."

scrambleEnable scramble reveal effect

booleanfalse