← DOCS
fantasy

Starfall

Falling stars with trail effects and burst animations.

npx chaos add starfall

PREVIEW

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { Starfall } from '@oalacea/chaosui/backgrounds/starfall';

<Starfall />
<Starfall density="cosmic" speed="meteor-shower" trail={false} />

PROPS

PropTypeDefault
densityDensity of stars
"sparse" | "normal" | "dense" | "cosmic""normal"
speedAnimation speed
"slow" | "normal" | "fast" | "meteor-shower""normal"
trailTrail effect intensity
booleantrue
colorStar color
string"#fbbf24"
positionPosition type
"fixed" | "absolute""fixed"

CSS VARIABLES

--star-color#fbbf24Star color