You know that feeling when you land on a site and the scroll just feels different like the page has weight, like each section earns its place. That’s what a great scroll reveal interaction does.
I found that exact feeling on BrandAppart, where cards tilt in from an angle and settle perfectly flat as you scroll past them. I was obsessed with it, so I reverse-engineered the effect and rebuilt it 100% natively inside Framer - no GSAP, no custom code, no iframes.
Just drop in the section and your site instantly gets that same high-end, agency-level card scroll animation.
Every card remains fully editable on canvas; swap images, change colors, rewrite copy; all with zero code. It works as a smooth scroll triggered cards system designed for modern portfolio and storytelling layouts.
You only need to remix the project (included after purchase) and follow these steps:
Open the remixed Framer project
Locate the layer named “Card Section” in the Layers panel
Copy the Card Section layer.
Open your own Framer project and paste it directly under your Desktop Layer.
That’s it. Now double click on the card stack and from here you can fully customize every card’s content, image, color, typography, and layout directly on the Framer canvas - no code required.
Card Stack Scroll Reveal uses Framer’s native scroll position to drive smooth transforms and scroll card rotateX motion. The animation is built entirely inside Framer, so you can freely adjust styling or animation values if needed.
No external libraries, no JavaScript embeds, no iframes - just Framer’s native scroll and motion system powering a clean native scroll animation.
Copy one card stack section layer, paste into your project, and the card reveal on scroll works immediately.
The Card Section adapts smoothly across desktop, tablet, and mobile breakpoints.
Edit card colors, images, headlines, descriptions, tags, and layout directly on canvas with no restrictions. Perfect for stacking cards layouts and portfolio scroll sections.
Animations are GPU-accelerated and optimized for 60fps scrolling across modern browsers.
Includes a structured two-column grid with numbered badges, category labels, headlines, and descriptions — ideal for case studies and featured work.
Visual direction inspired by the BrandAppart rotating card reveal experience.
Agency & Studio Portfolios: Showcase client work using a premium portfolio card scroll section.
SaaS Landing Pages: Present features and outcomes with scroll triggered cards storytelling.
Case Study Sections: Walk visitors through results and metrics with structured cards stacking.
Creative Freelancer Sites:Stand out with a refined card reveal on scroll interaction.
Product Feature Showcases: Reveal product highlights progressively with scroll card rotate motion.
Brand Campaign Pages: Build narrative-driven scroll experiences that feel intentional and polished.
💡 Pro Tip: After pasting the Card Section layer, click any card on the canvas to swap images, edit headlines, change background colors, or reorder cards. The scroll animation automatically applies to all cards with zero additional setup.
Made with ❤️ by Soyeb
Refund Policy: Due to the digital nature of these components, all sales are final, and once delivered they cannot be returned or refunded. Please review product details and demos before purchasing, and feel free to reach out if anything is unclear.
Have questions or need a custom Framer component? Reach out at heysoyebali@gmail.com
You know that feeling when you land on a site and the scroll just feels different like the page has weight, like each section earns its place. That’s what a great scroll reveal interaction does.
I found that exact feeling on BrandAppart, where cards tilt in from an angle and settle perfectly flat as you scroll past them. I was obsessed with it, so I reverse-engineered the effect and rebuilt it 100% natively inside Framer - no GSAP, no custom code, no iframes.
Just drop in the section and your site instantly gets that same high-end, agency-level card scroll animation.
Every card remains fully editable on canvas; swap images, change colors, rewrite copy; all with zero code. It works as a smooth scroll triggered cards system designed for modern portfolio and storytelling layouts.
You only need to remix the project (included after purchase) and follow these steps:
Open the remixed Framer project
Locate the layer named “Card Section” in the Layers panel
Copy the Card Section layer.
Open your own Framer project and paste it directly under your Desktop Layer.
That’s it. Now double click on the card stack and from here you can fully customize every card’s content, image, color, typography, and layout directly on the Framer canvas - no code required.
Card Stack Scroll Reveal uses Framer’s native scroll position to drive smooth transforms and scroll card rotateX motion. The animation is built entirely inside Framer, so you can freely adjust styling or animation values if needed.
No external libraries, no JavaScript embeds, no iframes - just Framer’s native scroll and motion system powering a clean native scroll animation.
Copy one card stack section layer, paste into your project, and the card reveal on scroll works immediately.
The Card Section adapts smoothly across desktop, tablet, and mobile breakpoints.
Edit card colors, images, headlines, descriptions, tags, and layout directly on canvas with no restrictions. Perfect for stacking cards layouts and portfolio scroll sections.
Animations are GPU-accelerated and optimized for 60fps scrolling across modern browsers.
Includes a structured two-column grid with numbered badges, category labels, headlines, and descriptions — ideal for case studies and featured work.
Visual direction inspired by the BrandAppart rotating card reveal experience.
Agency & Studio Portfolios: Showcase client work using a premium portfolio card scroll section.
SaaS Landing Pages: Present features and outcomes with scroll triggered cards storytelling.
Case Study Sections: Walk visitors through results and metrics with structured cards stacking.
Creative Freelancer Sites:Stand out with a refined card reveal on scroll interaction.
Product Feature Showcases: Reveal product highlights progressively with scroll card rotate motion.
Brand Campaign Pages: Build narrative-driven scroll experiences that feel intentional and polished.
💡 Pro Tip: After pasting the Card Section layer, click any card on the canvas to swap images, edit headlines, change background colors, or reorder cards. The scroll animation automatically applies to all cards with zero additional setup.
Made with ❤️ by Soyeb
Refund Policy: Due to the digital nature of these components, all sales are final, and once delivered they cannot be returned or refunded. Please review product details and demos before purchasing, and feel free to reach out if anything is unclear.
Have questions or need a custom Framer component? Reach out at heysoyebali@gmail.com
