Helix Gallery
ProInstallation
ProRequires a Planes Pro license.
pnpm dlx shadcn add @useplanes/helix-galleryWorks 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.
import { HelixGallery } from "@/components/ui/HelixGallery";
<HelixGallery
images={[
{ src: "/gallery/1.webp", alt: "Cliffside" },
{ src: "/gallery/2.webp", alt: "Citrus", href: "/shop/citrus" },
{ src: "/gallery/3.webp", alt: "Rider" },
]}
radius={340}
pitch={14}
direction="up"
/>Use cases
Archive hero
Years of work on one spiral that visitors scroll through instead of paging.
Photo journal
A tall column of moments beside an essay, drifting while people read.
Product drop
Every colourway wound into one object, each linking to its page.