# Scroll Stacking Cards

> Sticky scroll stacking cards for a portfolio or project showcase. As you scroll, each card rises from below, leaning toward you and out of focus, then flattens and sharpens as it lands in the centre, while the cards beneath sink back and peek out above like a deck. Every card shows a whole website edge to edge, with its name and link set into a cut-out corner, one click from the live site. Pinned, spring-smoothed and 60fps, with a reduced motion fallback. Pass your own projects and screenshots.

- Author: [Aakash](https://21st.dev/@aakashmehra)
- License: mit
- npm dependencies: motion, lucide-react
- Live preview: https://21st.dev/@aakashmehra/components/scroll-stacking-cards

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/aakashmehra/scroll-stacking-cards?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt