How to add snow to a website

Use the Snow effect or Winter preset

For a complete winter decoration, use preset=winter. For snowfall alone, import snow from zeenat/effects/snow and render it with ZeenatScene. Both options use bounded, seeded geometry and responsive density.

Render snowfall only

The individual subpath is the smallest explicit import for the effect.

import { ZeenatScene } from "zeenat";
import { snow } from "zeenat/effects/snow";

const effects = [snow({ count: 24, speed: "slow", drift: 26 })];
export function Snowfall() { return <ZeenatScene effects={effects} />; }

Respect reduced motion

With reduced motion active, Snow becomes a sparse static distribution instead of falling continuously. The scene remains aria-hidden and pointer-inert.