← DOCS
buttons

NeonGlow

Vibrant neon-style button with customizable glow color, pulsing animation, and optional realistic flicker effect.

npx chaos add neon-glow

PREVIEW

Preview

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { NeonGlow } from '@oalacea/chaosui/buttons/neon-glow';

<NeonGlow>CYAN NEON</NeonGlow>
<NeonGlow color="#ff00ff">MAGENTA GLOW</NeonGlow>
<NeonGlow color="#00ff00" flicker>FLICKERING</NeonGlow>
<NeonGlow glowSize={40} pulseSpeed={1}>FAST PULSE</NeonGlow>

PROPS

PropTypeDefault
childrenButton content
ReactNode-
colorNeon glow color
string"#00ffff"
glowSizeGlow blur radius in pixels
number20
pulseSpeedPulse animation duration in seconds
number2
flickerAdd realistic neon flicker effect
booleanfalse

CSS VARIABLES

--neon-color#00ffffPrimary neon color
--glow-size20pxGlow blur radius
--pulse-speed2sPulse animation duration