---
title: "Stack Reveal Scroll — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Russet Supply · Sections. Scroll-Driven Stacking Panels"
canonical: "https://framer.elliotli.dev/component/stack-reveal-scroll"
---

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

# Stack Reveal Scroll

Scroll-Driven Stacking Panels

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

![Stack Reveal Scroll preview image 1](https://framer.elliotli.dev/og/component/stack-reveal-scroll/7a29d3789710bb9f/1600x1200.jpg)

## Summary

Scroll-Driven Stacking Panels

## Description

[Live Preview](https://stackrevealscroll.framer.website/)

[Grab more components for free](https://www.framer.com/@design-by-saqlain/)

Scroll Stack Panels is a scroll-driven Framer component that turns full-viewport sections into a layered stacking experience. As visitors scroll, each panel smoothly slides in from the right and settles into place, leaving a visible strip of the previous panels behind. It works especially well for agency websites, storytelling sections, case studies, services, and feature presentations.

### Scroll-Driven Experience

-   Full-viewport panels that slide in as you scroll.
    
-   Previous panels remain visible as layered slivers.
    
-   Smooth spring-based scroll movement.
    
-   Adjustable reveal and hold timing between panels.
    
-   Responsive behavior across desktop, tablet, and mobile.
    
-   Mobile automatically switches the content layout into a stacked format.
    
-   Static-render safe for Framer canvas and exports.
    

### Customize

-   Panels — Add, remove, reorder, and customize each panel.
    
-   Content — Edit titles, descriptions, and large numbers.
    
-   Panel Colors — Set individual background, title, and description colors.
    
-   Panel Height — Control the total scroll length of each panel.
    
-   Reveal Ratio — Adjust how quickly each panel enters before its hold period.
    
-   Stack Sliver — Set separate stacked strip widths for desktop, tablet, and mobile.
    
-   Scroll Smoothing — Customize the spring transition controlling scroll movement.
    
-   Heading & Description Width — Control the maximum width of both text areas.
    
-   Spacing — Adjust number-to-content and heading-to-description gaps.
    
-   Panel Padding — Control the spacing around the content group.
    
-   Borders — Customize border width and color.
    
-   Container Background — Set the overall background color.
    

### How It Works

The component creates a tall scroll section with a sticky viewport. As the page moves, each panel transitions from the right side of the screen into its final position. Once settled, it stays partially offset so the previous panels remain visible behind it, gradually creating the stacked effect.

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

-   All · #296

## Details

- **Author**: Russet Supply
- **Price**: $5.00
- **Published**: 2026-08-20
- **Updated**: 2026-11-09
- **Added**: 2026-08-20
- **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