Aisol Sticky Stack — steps that stack as you scroll, Framer component

Steps that stack as you scroll — plain CSS sticky, nothing measured.

Each card settles at its own position near the top of the window and the next one comes to rest on it, leaving the step label of the one underneath still visible. There is no scroll listener; the only script is a one-shot fade per card as it enters, and reduced motion drops even that while keeping the stack itself.

• Where the first card settles (leave room for a fixed navigation bar), how much of the buried card stays visible, how much it shrinks — set to zero for a flat stack.

• Scroll gap, corner radius, heading level, text size, four colours.

• Steps as an array, or bind a CMS collection through the step slots. Step label, badge and link per step.

• Steps are a real ordered list with numbered labels — readable by machines as well as by eye. On the canvas the stack is unpinned so every card is visible while you edit.

How to use: copy the component in, add steps or bind a collection, set where the first card settles.

Live preview: https://thistle-timing-694660.framer.app/aisol-sticky-stack