← DOCS
effects

GlitchImage

Image with RGB split glitch effect on hover.

npx chaos add glitch-image

PREVIEW

IMG

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { GlitchImage } from '@oalacea/chaosui/effects/glitch-image';

<GlitchImage src="/photo.jpg" alt="Profile" />
<GlitchImage src="/hero.png" intensity="high" />
<GlitchImage src="/bg.jpg" continuous />

PROPS

PropTypeDefault
srcImage source URL
string-
altAlt text
string"Image"
intensityGlitch intensity
"low" | "medium" | "high""medium"
continuousContinuous glitch (not just hover)
booleanfalse