Card Stack
Draggable stacked-card carousel — swipe or drag the top card, click to expand into a details modal with a floating dock.
Card Stack
Draggable stacked-card carousel — swipe or drag the top card, click to expand into a details modal with a floating dock.
When to use it
For a short set of items reviewed one at a time, where the next card should feel physically behind the current one. Better than a grid when you want attention on a single item and the count is small enough that hunting is not required.
Install
Adds Card Stack and its dependencies to your project through the shadcn CLI.
$ npx shadcn@latest add https://www.ssicevs.com/r/card-stack.jsonProps · CardStack
| Prop | Type | Default |
|---|---|---|
| cards | CardData[] | — |
Generated from the component source. Run npm run props:extract after changing a signature.