Planes

Components

Media

An image grid that flies the tapped photo into a fullscreen viewer. Swipe between shots, then drag down and let go — it shrinks in your hand and flicks back to its cell.

All components

Installation

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

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

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