Components

Focus Scale Carousel

Pro
Golden Hour
Ferris Wheel

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/focus-scale-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 · 90 Pro components · lifetime updates.

I have a licenseGet Pro
<FocusScaleCarousel
  items={[
    { src: "/looks/1.webp", title: "Tangerine Dream", collection: "Studio Pop" },
    { src: "/looks/2.webp", title: "Peach Hour", collection: "Warm Room" },
    { src: "/looks/3.webp", title: "Prism Gate", collection: "After Dark" },
  ]}
  cardWidth={300}
  cardHeight={400}
  autoPlay={4000}
/>

Use cases

  • Fashion lookbook

    One look at full size with the rest of the collection receding either side, titled like an editorial spread.

  • Photographer portfolio

    Browse a series by clicking any frame; the caption names the series and the title names the shot.

  • Product colourways

    Each card is a variant. The focused one is legible, the others stay visible as a swatch strip.

  • Album or cover art

    A gallery of covers where the one in focus reads as the current pick.