Stacking Card Effect in Webflow (Tutorial)

Learn how to use position sticky, to create a really beautiful stacking card effect in #webflow.

▶ Clone the Stacking Cards Component in Webflow:

▶ Build Multi-Step Forms in Webflow:

#webflow

* The description of this video contains affiliate links (marked with *), which means that if you sign up for one of the tools that I recommend and decide to switch to the paid plan, I’ll receive a small commission without any additional cost for you. This helps support the channel and allows me to continue making videos like this. Thank you for your support!

[HintCreative]

I like the direction of this effect opposite of the other tutorial I found. Can you imagine a way to go horizontal if the user wants to see more detail of any one of the sticky cards? I ask for mobile purposes. Thanks in advance!

[CarlosAndresVelasquez]

Hi Mike, what if you wanted to have a side-by-side section. On the left a "static" section with a title, and on the right the stacking cards section. How would you achieve this?

[eny_codes]

Can this be done on the free webflow account?

[mw]

Das ist mein erstes Video von Dir. Du machst es großartig. Vielen Dank für Deine fantastische Arbeit

[yvesnathan]

What is the global styles component you have, and is it essential?

[innitamailman]

Is there a way to make them stack slightly horizontally as well? So coming down diagonally from top left to bottom right?

I would have thought it was just an addition to the sticky position left?

[diaanhuysamen]

I was looking to expand my portfolio on webflow, and doing this on the free version with only 2 available pages, really helped me create sections for each topic. honestly appreciate to time you took to make this tutorial

[karan.k]

Hey Mike,

Great tutorial, could you please show how to do the same horizontally? thanks

[ezron]

Thank you for this well explained tutorial ❤

[earthandpixel]

Hey Mike! Thanks for this great tutorial and cloneable. On both the demo and cloneable, it doesn't look like the last feature of the stacked scroll is working. It looks like it's set w/ the margin-bottoms- any ideas?

[stanaalexandru]

Thanks a lot for the trick! Amazing content! Keep it up as you are amazing!

[porushpuri]

Saviour! Thanks for sharing it, super useful

[eeonmall]

hi, this effect can be done with cms? thx before, great video!

[rayane]

So cool!! Keep grinding mate!! Thanks to help us, can't wait for more animations tutorial!

[kunalbelamkar]

How do you do this to a cms of multiple cards

[selasifleagbo]

Great tutorial. Well explained step by step.

[drock]

Thanks Mike, this was super helpful 👏

[rodbarker]

I cant edit or move anything inside a card, cant put a quick stack inside a card, beats me why, drop a quick stack on a card and its 2 cells and I cant edit it.

[marco-licht]

Great Tutorial! Helped me a lot, thx 🙏🏻

[sultan_sikander_khan]

hey mike! thanks for amazing tutorials and clones. I use your stack card technique for my upcoming project and have a question? I want stack card effect only for my desktop version and not for my tab and mobile, i am failed to understand what should i do? Should i go for a new layout for tablet and mobile and make it display None on desktop?