Carousels
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.
Installation
ProRequires a Planes Pro license.
npx shadcn add @useplanes/parallax-carousel
Unlock with Planes Pro
$99 once · 54 Pro components · lifetime updates.
<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.