Early price: everything for $99, lifetime

Components

Ring Gallery

Pro

Installation

ProRequires a Planes Pro license.
pnpm dlx shadcn add @useplanes/ring-gallery

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 · 174 Pro components · lifetime updates.

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

<RingGallery
  images={[
    { src: "/gallery/1.webp", alt: "Cliffside" },
    { src: "/gallery/2.webp", alt: "Citrus", href: "/shop/citrus" },
    { src: "/gallery/3.webp", alt: "Rider" },
  ]}
  slots={32}
  radius={420}
  entrance="bloom"
/>

Use cases

  • Portfolio hero

    A slow ring of work under a name, every piece one click from full size.

  • Lookbook

    Campaign shots on a ring that shoppers flick through, each linking to its product.

  • Event recap

    A wall of photos turned into one object people want to spin.