Bend Carousel
ProPhotos and videos ride the outside of a cylinder: the frame in front faces you flat, the neighbours bend away and dim toward the edges. Auto-glides, drags with momentum, scrubs with a trackpad, and videos only play while they are on screen.
Installation
npx shadcn add @useplanes/bend-carousel
Unlock with Planes Pro
$99 once · 80 Pro components · lifetime updates.
<BendCarousel
items={[
{ src: "/gallery/1.webp", alt: "Cliffside" },
{ src: "/gallery/clip.mp4", type: "video", poster: "/gallery/clip.jpg" },
{ src: "/gallery/2.webp", alt: "Citrus" },
]}
cardWidth={260}
cardHeight={440}
radius={900}
/>Use cases
Campaign reel
Mix product stills and short clips in one strip that reads as a single object.
Portfolio hero
A cinematic first impression for photographers and studios.
App screenshots
Show portrait mobile screens curving past the way they sit on a device rack.
Testimonial videos
Muted looping clips of customers, each unmuted on its own page.
Related components
All Carousels components
Marquee
A velocity-driven marquee that eases to a crawl on hover instead of freezing, pauses for keyboard focus, and can be flung by hand — the engine under logo rows and testimonial bands.
Cover Flow
A 3D coverflow carousel with spring physics. Navigate by drag, scroll wheel, or keyboard, with optional reflection and audio feedback.
Image Flow Carousel
A gallery that stretches whichever frame you hover into focus.
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.
Parallax Carousel
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.
Image Wheel
A wheel of photos that spins past the lens, blurring everything but the frame in focus.