← DOCS
effects

Snowfall

Animated snowflakes with swaying motion and wind effects.

npx chaos add snowfall

PREVIEW

USAGE

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

<Snowfall />
<Snowfall snowflakeCount={200} wind={1} />
<Snowfall color="#add8e6" opacity={0.6} />

PROPS

PropTypeDefault
snowflakeCountNumber of snowflakes
number100
minSizeMinimum snowflake size in pixels
number2
maxSizeMaximum snowflake size in pixels
number5
speedFall speed multiplier
number1
windHorizontal wind (negative = left, positive = right)
number0
colorSnowflake color
string"#ffffff"
opacitySnowflake opacity (0-1)
number0.8
positionFixed or absolute positioning
"fixed" | "absolute""fixed"