---
title: "Snow Scroll — Framer component · Best of Framer"
description: "$16.00 · Framer component · by Dalton Taylor · Sections. Scroll-Driven Weather Transition from light snow to blizzard as the user scrolls."
canonical: "https://framer.elliotli.dev/component/snow-scroll"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Snow Scroll

# Snow Scroll

[View on Framer](https://framer.com/marketplace/components/snow-scroll/?via=elliot-li)

![Snow Scroll preview image 1](https://framer.elliotli.dev/og/component/snow-scroll/9b71fcc99a7b8be5/1600x1200.jpg)

## Summary

Scroll-Driven Weather Transition from light snow to blizzard as the user scrolls.

## Description

### 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**
        

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-g5x6zqhi-DN1rUofcK9vCUpJbphP3iEr2yopLfm)

### 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**

## Rank history [How rankings work →](/terms#rankings)

-   All · #10904

## Details

- **Author**: Dalton Taylor
- **Price**: $16.00
- **Published**: 2025-11-25
- **Updated**: 2025-11-25
- **Added**: 2025-11-19
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove