Get everything for $99, lifetime

Components

Photo Stack

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/photo-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 { PhotoStack } from "@/components/ui/PhotoStack";

<PhotoStack
  images={[
    { src: "/photos/sakura.webp", alt: "Cherry blossoms" },
    { src: "/photos/shibuya.webp", alt: "Shibuya at night" },
    { src: "/photos/kyoto.webp", alt: "Torii gates in Kyoto" },
    { src: "/photos/fuji.webp", alt: "Mount Fuji" },
  ]}
  photoWidth={200}
  photoHeight={250}
/>

Use cases

  • Trip highlights

    A compact pile of travel shots that opens into the full set on hover.

  • Project thumbnails

    Case-study cards that tease one cover image and reveal the rest of the gallery.

  • Team or event photos

    An about-page moment — a casual stack that spreads into everyone's photo.

  • Product angle shots

    Show the hero angle by default and fan out the remaining views without a carousel.