Get everything for $99, lifetime

Components

Parallax Carousel

Pro
Ferris wheel against a blue sky at golden hour
Stingrays gliding through turquoise shallows
Stream running through a mossy forest
Kitesurfer skimming across the bay
Red phone booth under palm trees on a beach
Warm evening light over the coast
Boat anchored in a clear turquoise cove

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/parallax-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.

I have a licenseGet Pro
import { ParallaxCarousel } from "@/components/ui/ParallaxCarousel";

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