Planes

Components

Controls

Stacked notification cards that fan out into a full list, then collapse back into a compact peek.

All components

feat: add card stack component

main · ashishgogula/motion

2m ago

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/card-stack

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

<CardStack />

// or with your own articles:
<CardStack
  cards={[
    { id: "1", title: "Building Micro-Interactions", subtitle: "Motion Design", time: "5 min read", href: "https://your-blog.com/post-1" },
    { id: "2", title: "Spring Physics for UI", subtitle: "Animation", time: "8 min read", href: "https://your-blog.com/post-2" },
  ]}
/>

Use cases

  • Writing section on a portfolio

    Drop this on your personal site to link to your articles — the latest piece stays front and center, the rest are one tap away without cluttering the page.

  • Featured projects

    Showcase your top project as the primary card with links to the case study or live demo, and let visitors expand to browse the rest of your work.

  • Resource / link list

    Curate a set of links — tools you use, talks you've given, interviews — and embed them anywhere without a dedicated page.

  • Press & mentions

    Surface the most recent coverage or feature on top, let visitors unfold older mentions on demand.