Arc Marquee

Arc Marquee

Pro

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

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.

I have a license Get Pro

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

<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.