← DOCS
effects

Fireflies

Ambient fireflies with pulsing glow and wandering movement patterns.

npx chaos add fireflies

PREVIEW

USAGE

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

<Fireflies />
<Fireflies count={50} color="#00ff00" glowIntensity={1} />
<Fireflies position="absolute" speed={2} />

PROPS

PropTypeDefault
countNumber of fireflies
number30
colorFirefly color (hex or rgb)
string"#ffff00"
minSizeMinimum firefly size in pixels
number2
maxSizeMaximum firefly size in pixels
number4
speedMovement speed multiplier
number1
glowIntensityGlow intensity (0-1)
number0.8
positionFixed or absolute positioning
"fixed" | "absolute""fixed"