effects

GlitchImage

Image with RGB split glitch effect on hover.

npx chaos add glitch-image

PREVIEW

IMG

USAGE

import { GlitchImage } from '@/components/chaos/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