Components

Parallax Carousel

Pro

A straight marquee of cards where each photo pans inside its frame as it crosses the viewport — direction-aware parallax that follows your drag, scroll, or the auto-glide.

Abstract geometric art in cobalt blue
Abstract geometric art in magenta
Abstract geometric art in violet
Abstract geometric art in teal
Abstract geometric art in amber
Abstract geometric art in indigo
Abstract geometric art in mint green

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/parallax-carousel

Unlock with Planes Pro

$99 once · 80 Pro components · lifetime updates.

I have a licenseGet Pro
<ParallaxCarousel
  images={[
    { src: "/gallery/1.webp", alt: "Cliffside" },
    { src: "/gallery/2.webp", alt: "Citrus" },
    { src: "/gallery/3.webp", alt: "Rider" },
  ]}
  cardWidth={220}
  cardHeight={300}
  parallax={60}
/>

Use cases

  • Marketing hero slider

    A landing-page hero that rotates through product or lifestyle shots with cinematic depth.

  • Travel / editorial stories

    Full-bleed destination photos where the parallax drift sells the sense of place.

  • Portfolio case studies

    Cycle through project covers; the direction-aware motion makes browsing feel tactile.

  • Product photo gallery

    Swipeable gallery on product pages — drag, arrows, dots, and keyboard all supported.