Get everything for $99, lifetime

Components

Photo Lightbox

Pro

Installation

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

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 { PhotoLightbox } from "@/components/ui/PhotoLightbox";

<PhotoLightbox
  images={[
    { src: "/photos/cove.webp", alt: "A quiet cove" },
    { src: "/photos/cliffs.webp", alt: "Cliffs at sunset" },
    { src: "/photos/lighthouse.webp", alt: "Lighthouse at dusk" },
  ]}
  columns={3}
/>

Use cases

  • Travel galleries

    Photo journals where each shot opens fullscreen without leaving the page.

  • Product imagery

    E-commerce detail shots that zoom to full view and flick away.

  • Portfolio grids

    Photography or design work presented with iOS-Photos-grade transitions.

  • Event recaps

    Dense image grids for conferences and launches, browsable with swipes and arrow keys.