← DOCS
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"