Early price: everything for $99, lifetime

Components

Fan Carousel

Pro
Mossy creek, Cold water, no signal, 1 of 8

Installation

ProRequires a Planes Pro license.
pnpm dlx shadcn add @useplanes/fan-carousel

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

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

<FanCarousel
  items={[
    { src: "/photos/creek.webp", title: "Mossy creek", subtitle: "Cold water, no signal" },
    { src: "/photos/lighthouse.webp", title: "Red lighthouse", subtitle: "End of the breakwater" },
    { src: "/photos/cove.webp", title: "The cove", subtitle: "Anchored until the tide turns" },
  ]}
  cardWidth={320}
  onChange={setIndex}
/>

Use cases

  • Portfolio highlights

    Fan out the five or six pieces you most want seen, with a line of context under the one in front.

  • Destination picker

    Each card is a place. Drag through them and let the caption name the one in focus.

  • Product colourways

    The front card is the live choice, and neighbours stay visible so people see what else is there.

  • Case study teaser

    A landing-page strip that links a handful of projects without a grid of thumbnails.