Carousels

Arc Marquee

Portrait cards ride a curved arc, tilting and dropping toward the edges as they auto-scroll past. Drag to scrub, hover to slow.

All components

Ferris wheel against a blue sky at golden hour

Stingrays gliding through turquoise shallows

Red phone booth under palm trees on a beach

Installation

ProRequires a Planes Pro license.

npx shadcn add @useplanes/arc-marquee

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

I have a license Get Pro

<ArcMarquee
  images={[
    { src: "/gallery/1.webp", alt: "Cliffside" },
    { src: "/gallery/2.webp", alt: "Citrus" },
    { src: "/gallery/3.webp", alt: "Rider" },
  ]}
  cardWidth={200}
  cardHeight={280}
  speed={34}
/>

Use cases

Marketing hero
A curved band of lifestyle shots under a headline, motion drawing the eye without stealing focus.
Brand / logo wall
Auto-scrolling proof strip where the arc gives an otherwise flat row of frames some depth.
Photography showreel
A portfolio ticker that keeps every frame in view while quietly cycling the set.
Product lineup
Loop through catalogue shots in a compact ribbon that reads as one continuous surface.