Scroll Stack
Cards that stick and pile up as you scroll, each shrinking back as the next slides over it.
import { ScrollStack, ScrollStackCard } from "pleate/effects/scroll-stack";Process
Step 1
Plan
Write down what done looks like.
Step 2
Build
Ship the smallest thing that works.
Step 3
Measure
Watch real people use it.
Step 4
Learn
Keep what worked, drop the rest.
Props
- top
First card offset (px).
numberdefault 24- offset
Extra offset per card (px).
numberdefault 14- shrink
Scale lost per covering card.
numberdefault 0.04
Accessibility
- Scrolls in its own focusable region, so keyboard scrolling works.
- Reduced motion keeps sticking without scaling.