Get everything for $99, lifetime

Components

Image Flow Carousel

Pro
Theo
Milo
Iris
Remy
Suki

Installation

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

import { ImageFlowCarousel } from "@/components/ui/ImageFlowCarousel";

<ImageFlowCarousel
  images={[
    { src: "/characters/milo.svg", title: "Milo", subtitle: "Product Design" },
    { src: "/characters/iris.svg", title: "Iris" },
    { src: "/characters/remy.svg", title: "Remy" },
  ]}
  autoPlay
  interval={3000}
  height={520}
/>

Use cases

  • Product gallery

    Showcase shots of a hardware product where the focused frame deserves real estate.

  • Editorial / lookbook

    Magazine-style story where hover or autoplay leads the eye through a sequence.

  • Case study covers

    Agency or studio site listing recent projects with a single hero per card.

  • Travel destinations

    Itinerary pages where each stop gets a generous photo without losing the rest of the trip.