Components

Photo Stack

Pro

A neat deck of photos with the rest peeking out behind the cover. Hover and they slide into a row one by one on a spring.

Installation

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

Unlock with Planes Pro

$99 once · 80 Pro components · lifetime updates.

I have a licenseGet Pro
<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.