Stacked Cards Effect in Framer (No-code tutorial)

Live demo: stackedcards.framer.website/
Remix this project: framer.com/projects/new?dupli...
Get the Stacky Template for FREE: stacky.framer.website/
In this video, we'll guide you through the process of how to create stacked cards effect in Framer when you are scrolling the page. Whether you're a beginner or an experienced designer, this step-by-step tutorial will help you add a touch of interactivity to your website.
Chapters:
00:00 Preview
00:20 How to create Stacked Cards Effect
02:00 Final
Don't forget to like the video if you find it helpful and subscribe to our channel for more Framer tutorials and design inspiration.
_________________________________________________________
Find me on other channels:
Twitter/X: / tonjrv
Instagram: / tonjrv
Threads: www.threads.net/@tonjrv
________________________________________________________
If you have any questions or suggestions, please leave them in the comments section below. Let's dive into the world of interactive design with Framer!

[@tonjrv]

I noticed just after publishing that my cards are already set on sticky. Their usual positioning is by default "Absolute" or "Relative" so make sure to change these into Sticky. Sorry about the confusion ✌

[@bhagyalakshmi-gv2hg]

Thank you for this tutorial

[@tonjrv]

Great to hear you enjoyed it! 🔥

[@Billgra_54]

Hi guys it's Tony 👋😀 That's the greatest intro ever 😂

[@tonjrv]

Hahah indeed it is (perhaps I could come up with something better at some point) 😂

[@DrNikhilRavi]

About Time Mate!!

[@tonjrv]

Thanks mate! I have few more videos on the pipeline, and hopefully able to release them soon! 🙌

[@DrNikhilRavi]

@@tonjrv Awesome 🔥🔥

[@ferraroffelipe]

Amazing landing page!

[@tonjrv]

Thanks a lot mate! 🔥

[@viking.karwur]

Thanks Toni

[@tonjrv]

No worries at all mate! 🔥