Image Flow Carousel
ProInstallation
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.