Fireflies — 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"