About Scroll Project Tabs
Scroll Stack Tabs – Scroll-Driven Stacking Tabs for Framer
A scroll-driven tab component that stacks full-screen sections as visitors scroll. Each new tab slides over the previous one while the covered tab scales down, blurs, and dims, creating a smooth layered transition for service sections, portfolios, and project showcases.
What you get
Full source code (.tsx), ready to paste
Framer component with editable property controls
Scroll-driven stacking transitions with synchronized motion
Customizable tab content, background images, and CTA buttons
Free lifetime updates
Support within 24 hours
Customizable
Content: add up to 12 tabs, each with an image, eyebrow label, heading, description title, description, CTA text, and link
Layout: adjust vertical alignment, padding, content max width, and spacing between the heading, CTA, and description
Typography: customize fonts for eyebrow labels, headings, descriptions, and CTA buttons
Colors: control heading, description, eyebrow, and stack background colors
How it works
Paste the component code into Framer
Add it to your canvas and set its width and height to fit your layout
Add your tab content, images, and CTA links in the properties panel
Customize the typography, colors, overlay, spacing, and scroll behavior
Publish your page and scroll to see each new tab slide over the previous one
Good to know
Code component for Framer, not a standalone download
Uses Framer Motion for scroll-driven transitions
Supports up to 12 tabs
Each tab can use a background image or a built-in placeholder when no image is added
License: Unlimited personal and client projects. No resale or redistribution.
Refunds: Not working? Email us first and we’ll fix it within 24 hours. If we can’t, you get a full refund.
Questions? support@russetsupply.com
