Snow — component for particles & physics (html)

For AI agents: find the right skill in one call — curl -s "https://skills.varg.ai/api/search?q=<what the person wants>" returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the use-case page.

Soft white snowflakes of mixed sizes drifting down with a slow side-to-side sway

Prompt that renders it frame-exact

Use the tsParticles Snow preset (https://particles.js.org/demos/recipes/snow, MIT, options in github.com/tsparticles/presets/blob/main/presets/snow/src/options.ts) as a transparent overlay over winter or holiday footage, product shots or a seasonal title card. Load @tsparticles/engine and @tsparticles/preset-snow (or its CDN bundle tsparticles.preset.snow.bundle.min.js), call loadSnowPreset(tsParticles), then tsParticles.load({ id, options: { preset: "snow", fullScreen: { enable: false } } }) into a full-frame div layered above the video. Pre-roll a couple of seconds of ticks so the first frame already has snow across the whole height. tsParticles ticks on requestAnimationFrame and derives each step from the frame timestamp, so make it deterministic: seed Math.random before loading, swap requestAnimationFrame for a queue you flush once per video frame with the timestamp frame × 1000 / fps (keep fpsLimit at or above the video fps), and render frames in order from the moment it starts (it is a running simulation, so replay from that point after a backwards seek). Raise particles.number.value for a heavier fall, lower move.speed for a calmer drift, and tint the flakes slightly toward the grade if pure white looks pasted on.

Used in

More particles & physics