Snowfall Background

A beautifully animated snowfall effect applied as a background.

API

Prop NameTypeDefaultDescription
colorstring#FFFColor of the snowflakes in hexadecimal format.
quantitynumber100Number of snowflakes to display.
speednumber1Speed at which snowflakes fall.
maxRadiusnumber3Maximum radius of snowflakes.
minRadiusnumber1Minimum radius of snowflakes.
classstringnullAdditional CSS classes to apply to the container element.

Component Code

You can copy and paste the following code to create this component:

SnowfallBg.vue

Credits

  • Inspired by natural snowfall effects.