Card stack preview

Card stack

A pile of cards that fans out on hover and springs back into a scattered stack.

  • Group
    Cards
  • Origin
    Adapted · Bencho · source
  • License
    MIT
  • Added
    Oct 18
npx shadcn@latest add @deank/card-stack

The registry stays private. Install from the repo with a GitHub token — see the README.

Usage

import { Stack } from "@/registry/components/card-stack/card-stack";

<Stack />

Props

PropTypeDefaultDescription
spread?number55
bounce?number58
scatter?number40
count?number5

When to use

Showcasing a few cards (photos, features) as a playful pile.

When not to use

Content users must compare side by side.

Related

Cover flow · Tilt card · Holographic card