Snow Scroll

Scroll-Driven Weather

• Transition from light snow to blizzard as the user scrolls.

• Adjustable min/max particle count, speed, wind, drift, gravity, and size.

• Optional modes:

  • Transition (scroll-based)

  • Gentle Only

  • Blizzard Only

Interactive Particles

• Mouse/touch applies force that moves flakes away.

• Flakes recycle at screen edges for continuous animation.

• Flakes fade out when counts are reduced.

• Customizable: size, color, opacity, and complexity (number of rays).

Toggle Button

• Fixed weather button at the bottom of the screen.

• Toggles snowfall on/off.

• Scales on hover/press.

• Optional glow effect.

Backdrop Layer

• Full-screen background that interpolates between two colors based on scroll.

• Optional radial-gradient highlight layer.

• Color values fully customizable.

Prompts & UI

• Optional “SCROLL” prompt for transition mode.

• Optional text toggle when button is disabled.

Use Cases

• Seasonal landing pages

• Winter/holiday campaigns

• Scroll-based storytelling

• Hero backgrounds

• Portfolio or case study sections needing motion

• Interactive product or event pages

Made with ❤️ by Dalton Taylor