Snow
Falling snowflakes effect with gentle drift and wind.
Installation
First, make sure you have the base map component installed:
npx shadcn@latest add https://www.terrae.dev/map.jsonThen install the snow component:
npx shadcn@latest add https://www.terrae.dev/snow.jsonIntensity
Control the snowfall intensity with the intensity prop. Higher values create denser snowfall with larger flakes. Create anything from light flurries to heavy blizzards.
Wind
Add wind effects with windSpeed and windDirection. Wind causes snowflakes to drift horizontally as they fall, creating more realistic weather effects.
Custom Colors
Customize the snowflake color with the color prop. Use pure white for classic snow or add a slight blue tint for a colder atmosphere.
Properties
| Property | Type | Default | Description |
|---|---|---|---|
id | string | auto-generated | Unique identifier for programmatic control via useSnowControl |
intensity | number | 1 | Overall snow intensity (affects density and flake size) |
particleCount | number | 150 | Number of snowflakes |
color | string | #ffffff | Snowflake color (hex) |
windSpeed | number | 0.5 | Horizontal wind speed |
windDirection | number | 0 | Wind direction in degrees (0 = east) |
fallSpeed | number | 1 | Vertical fall speed multiplier |
autoStart | boolean | true | Start animation on mount |
Use Cases
Weather Maps
Display current or forecasted snowfall on weather maps
Ski Resort Maps
Add atmospheric snow effects to ski trail maps