← DOCS
text

CharGlitch

Per-character glitch effect with scramble reveal.

npx chaos add char-glitch

PREVIEW

GL!TCH

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { CharGlitch } from '@oalacea/chaosui/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