Animated React Carousel Components
Ways to move a row of content past the viewer. A 3D cover flow you can drag or scroll, a cylinder and an arc that curve the row, a wheel that blurs everything but the frame in focus, a parallax marquee, a velocity-driven text marquee, and a logo wall that cycles cell by cell.
8 components · Browse all 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.
Logo Wall
A bordered grid of logos where each cell cycles independently, rippling in a wave across the columns.
Bend Carousel
Photos 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.