Media

Hero Card Stack

ProUnlock all 54 Pro — $99 once

A fanned arc of overlapping artwork cards. Hover one and it springs forward while its neighbors nudge aside.

All components

Tap a card

Installation

ProRequires a Planes Pro license.

npx shadcn add @useplanes/hero-card-stack

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

I have a license Get Pro

<HeroCardStack
  items={[
    { src: "/images/artwork-1.jpg" },
    { src: "/images/artwork-2.jpg" },
    { src: "/images/artwork-3.jpg" },
  ]}
  badges={[
    { label: "@coplin", cardIndex: 1, color: "#3b82f6" },
    { label: "@andrea", cardIndex: 5, color: "#22c55e" },
  ]}
/>

Use cases

Portfolio heroes
Lead a creative platform's landing page with a fanned wall of community artwork.
Marketplace showcases
Surface featured listings or designs with attributed creator badges.
Gallery teasers
Preview a collection where hovering lifts each piece into focus.
Community highlights
Spotlight user contributions with floating @handle callouts.