Get everything for $99, lifetime

Components

Hero Card Stack

Pro
Tap a card

Installation

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

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 161 Pro components · lifetime updates.

I have a licenseGet Pro
import { HeroCardStack } from "@/components/ui/HeroCardStack";

<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.