Discover the best sticky-card websites created by professional designers. Get inspired and start planning your perfect sticky-card web design today!

Memberstack

This is demo of some "sticky on scroll" elements I created completely within Webflow. I tried my best to explain how I did it, but I'm happy to answer any questions you have about the setup.

NOTE: This setup may not work in older browsers.

Sticky-on-scroll

Sticky On Scroll

Sticky, stackable cards, like the ones used in the nocodeconf.com site. Free to clone and play around.

Stack Cards

Sticky, stackable cards

Asad Digital

Hey guys! Hope you are doing great out there. I have created stacking cards animation for you. Feel free to clone it and use in your projects.

Credits to Craftwork Design for the template and illustrations!

Stacking Cards

Stacking Cards Animation

Sticky stacking cards on scroll.

By using position: sticky and 'While scrolling in view' interaction, this effect can be created natively without custom code.

Have fun cloning. 😄

====================

💖☕ Support us by buying us a coffee.

If you enjoy our content, please consider supporting us. Your support will help us grow bigger and provide the community with better content.

https://www.buymeacoffee.com/sketchzlab

===================

💌 Follow us on social media.

Facebook @ www.facebook.com/sketchzlab
Instagram @ www.instagram.com/sketchzlab/
Twitter @ www.twitter.com/SketchzLab
Webflow @ www.webflow.com/SketchzLab
LinkedIn @ www.linkedin.com/company/sketchzlab/
YouTube @ www.youtube.com/channel/UCAEXTAQ7IAG71rsJ1ehBnzQ

sketchzlab-cloneable-7

Sticky stacking cards

A sticky scrolling component that uses interactions to highlight a few features while you scroll past. It also allows the user to click any of the titles to anchor scroll and to that specific feature.

Sticky Scroll Feature Section

Scroll through the sections to see the cards stick and shrink into place. 

Scrolling into section 2 reveals a video background element. 

Replace the background video, and play around with the background colors, sizing, and content to get some cool effects here. 

Enjoy.

Sticky card sections

Sticky Cards on Scroll

Learn how to use position sticky, to create a really beautiful stacking card effect. This effect requires no interactions, is super simple to set up, and looks great on almost any website.

Stacking Cards Effect

Simple unstyled sticky components that fade in and out on scroll.

CCD-cloneable

Simple vertical scroll with sticky elements.

Another clone for your featured in my new webflow portfolio. Project cards, on click unveiling a transition effect and full screen modal. Each card with individual client colors. Watch out for the combo classes when duplicating and add new interactions!

Let me know if you have problems.

And check the full portfolio here: www.web-bureau.weblfow.io

Wanna have another cloneable section available - let me know in a comment.

Happy cloning!

Cards with Transition Effect

Cards with Transition Effects

Team profile cards with hover in/hover out for desktop and click open/close for all mobile breakpoints. CSS Grid set-up and interaction set-up

Discover sticky card websites built by the Webflow community

Discover sticky card websites built by the Webflow community