Skip to content

Scroll Stack Pro

Cinematic scroll-driven card stack

Scroll Stack Pro preview image 1

Summary

Scroll Stack Pro is a premium Framer component for creating art-directed portfolio sections where cards enter the viewport, assemble into a layered composition, hold in place, and…

Description

Turn a collection of images into a cinematic, scroll-driven composition.

Scroll Stack Pro is a premium Framer component for creating art-directed portfolio sections where cards enter the viewport, assemble into a layered composition, hold in place, and transition out as the visitor continues scrolling.

Choose from Editorial, Organic, Fan, Minimal, or fully Custom layouts. Control the horizontal and vertical spread, rotation, depth, perspective, card proportions, alignment, radius, shadows, and individual card positioning to create anything from a restrained portfolio stack to a deliberately chaotic editorial composition.

Motion is just as flexible. Cards can enter from the top, bottom, left, right, or multiple radial directions, with independent control over travel distance, rotation, stagger, hold timing, exit direction, and scroll smoothing.

Add oversized background typography and a minimal top header directly inside the component, with full font, color, spacing, positioning, and visibility controls.

Each card can contain its own image, alt text, link, target behavior, rotation, X/Y offset, and scale. Optional hover interactions add smooth image scaling, rotation, and lift for another layer of depth.

Highlights

  • 5 layout modes including fully custom positioning

  • Scroll-scrubbed entrance, hold & exit animation

  • Multi-direction card entrances

  • Adjustable stagger, rotation, depth & perspective

  • Large editorial background typography

  • Custom top header

  • Per-card links & positioning

  • Smooth hover scale, rotation & lift

  • Dedicated mobile sizing & scroll controls

  • Reduced-motion support

  • Lazy or eager image loading

Built for portfolios, creative agencies, photographers, studios, case studies, project showcases, and editorial websites.

Rank history How rankings work →

11001200121029/159/2810/1210/2611/9
  • All · #2102

Details

More like this