effects

GlowingBorder

Container with animated neon glowing border effect.

npx chaos add glowing-border

PREVIEW

GLOW

USAGE

import { GlowingBorder } from '@/components/chaos/effects/glowing-border';

<GlowingBorder>Content here</GlowingBorder>
<GlowingBorder variant="rainbow">Rainbow glow</GlowingBorder>
<GlowingBorder intensity="high" animated={false}>Static</GlowingBorder>

PROPS

PropTypeDefault

childrenContent inside the border

ReactNode-

variantGlow color

"cyan" | "pink" | "green" | "purple" | "rainbow""cyan"

animatedEnable pulse animation

booleantrue

intensityGlow intensity

"low" | "medium" | "high""medium"