React Carousel Components

Dev Design Library indexes 136 React carousel components from 48 open-source UI libraries, with the most coming from Pixel Perfect, ReactFrame, ReUI, Vengeance UI and Watermelon UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. Carousel components belong to the Data display group.

Showing 120 of 136, a mix from every library. Open a library to see all of its components.

• Carouselshadcn/ui · ReactA carousel with motion and swipe built using Embla.
• CarouselReact Bits · ReactResponsive carousel with touch gestures, looping and transitions.
• CarouselChakra UI · ReactUsed to cycle through a series of visual content within a container.
• Feature CarouselCult UI · ReactFeature carousel component with smooth transitions and customizable layouts
• CarouselArk UI · ReactAn interactive slideshow component for cycling through elements.
• Basic carousel with single itemReUI · ReactBasic carousel with single item
• Interactive 3D CarouselAmicro Micro Transitions · ReactAn interactive arc-based 3D motion carousel featuring smooth dot indicators and dynamic prev/next controls.
• Inline CitationAI Elements · ReactA hoverable citation component that displays source information and quotes inline with text, perfect for AI-generated…
• CarouselPark UI · ReactA component for displaying multiple items in a rotating slideshow format.
• CarouselLobe UI · React
• Momentum RailKokonut UI · ReactA card rail you flick with momentum, snapping on a spring, with scroll-driven cover-flow depth and parallax.
• carouselIntent UI · Reactcarousel
• CarouselUntitled UI React · React
• Cylinder CarouselbeUI · ReactA carousel whose items line the inside of a cylinder, receding into the center and growing toward the edges. Drag…
• CarouselTailGrids · ReactA powerful, flexible carousel component built with Embla Carousel.
• Logos CarouselSpell UI · ReactAnimated carousel component that cycles through sets of logos with staggered animations.
• Circular GalleryVengeance UI · ReactRelaxing 3D ring of images with drag-spin, parallax tilt, and center preview
• Carousel DotsFluid Functionalism · ReactCarousel dots, static or on autoplay: fluid-hover click areas, and a current pill that fills over each slide's duration.
• CarouselPanel UI · React NativeA run of slides, one at a time, dragged with a finger.
• Carousel-01 - Custom DotsShadcn Space · ReactCarousel component
• Accordion CarouselPixel Perfect · ReactAn accordion of vertical image panels — the active panel springs wide to reveal its photo and caption while the rest…
• Coverflow Draguselayouts · ReactA drag coverflow of portraits that scale, dim, and snap as you swipe.
• CarouselBoardUI · ReactSlide through cards with snap, arrows and dots.
• Liquid Glass CarouselComponentry · ReactAn infinite image carousel seen through a WebGL liquid-glass lens — chromatic rim, snap scroll, and a focus expand.
• CarouselShadcn Dashboard · React
• Parallax SliderObsidianUI · ReactA full-width image slider where each slide moves with a parallax offset, driven by drag, arrows or keys.
• Fluid Dock CarouselGreatUI · ReactA carousel driven by a fluid dock of thumbnails, with swipe, arrows and keyboard navigation.
• CarouselShark UI · ReactLets users cycle through a series of items.
• Orbital Card ArchRewamp UI · ReactExact recreation of Recording 2026-09-15 154820.mp4: Cards gliding along a panoramic 3D curved horizon cylinder…
• Depth TilesSona UI · ReactAn infinite layered tile stack with autoplay, depth transitions, and horizontal drag navigation.
• Carousel NavigatorWatermelon UI · React
• CarouselArc Library · ReactBrowse a row of slides by dragging, flicking, or arrowing through them.
• Carousel 3DUI Lab · ReactSpin a ring of cards and flick it to land on the one you were aiming for.
• CarouselHextaUI · ReactNative scroll-snap slides with momentum on touch, mouse dragging, arrow keys, dots, thumbnails and an autoplay that…
• CarouselCojeev UI · ReactBrowse a peeking shelf, a full reading spread or a miniature index of ideas, with native scrolling and a shared…
• CarouselROI UI · ReactA slideshow component for cycling through content.
• Carousel 01FLX UI · ReactAuto-scroll carousel that pauses on item hover and reveals title.
• Animated TestimonialsVelora UI · ReactCrossfades portraits behind a rotating quote.
• Space Deck PatternHalaska UI · React
• Dirt CarouselSpaceUI · React3D ring of video worlds. Drag, wheel, or snap. Open the gear panel to change radius, tilt, and auto-rotate.
• Aria CarouselReScript shadcn · ReScript
• 3D Wheel CarouselSkecher UI · ReactA reusable, drag-controlled 3D card carousel with auto-rotation, keyboard navigation, blur depth, and reduced-motion…
• Hero CarouselSora UI · ReactCrossfading hero image slideshow with a progress pill, play/pause, and prev/next controls.
• 3D Book Carousel Reading ModeCue Foundations · React
• CarouselD2Studio UI · ReactA carousel with motion and swipe built using Embla.
• Airbnb ReviewsReactFrame · ReactA guest-review carousel with the Airbnb Bélo mark, aggregate rating header and CTA, above a draggable autoplaying grid…
• Animated TestimonialsAceternity UI · React
• Carouselark-cn · ReactA shadcn-style carousel component built with Ark UI primitives.
• Circular CarouselReact Bits · ReactA 3D ring of images with four layouts, bendable cards, depth fade, momentum drag, snapping and click to focus.
• Loading CarouselCult UI · ReactLoading carousel component with smooth transitions and customizable content
• Carousel with overlay thumbnail navigationReUI · ReactCarousel with overlay thumbnail navigation
• CoverFlow CarouselAmicro Micro Transitions · ReactA premium 3D CoverFlow carousel displaying cards along a perspective path.
• Preview RailbeUI · ReactCodex app-inspired navigation rail with compact ticks that form a hover pyramid and reveal a floating destination…
• Cylinder CarouselVengeance UI · ReactInfinite CSS 3D cylinder image carousel
• Carousel-03 - IndexShadcn Space · ReactCarousel component
• Cover Flow CarouselPixel Perfect · ReactA classic cover-flow carousel: the centre cover faces you while the side covers angle inward with depth and a floor…
• Expandable Galleryuselayouts · ReactA photo gallery with smooth item expansion.
• Orbit Card StackComponentry · ReactPremium hover card deck that fans outward and lifts the active card without changing its color or angle.
• CarouselObsidianUI · React
• Arch Card CarouselRewamp UI · React
• Circular Card MarqueeSona UI · ReactA continuous responsive card marquee that orbits cards around a circular path with configurable speed, direction…
• Carousel SliderWatermelon UI · React
• Page DotsUI Lab · ReactA pill that inches between pages like a worm and counts down to the next.
• Infinite SpiralCojeev UI · ReactHelical image cards recycle through depth with explicit previous, next and pause controls.
• Expandable Card CarouselROI UI · ReactA carousel of expandable cards showcasing core philosophies.
• Carousel 02FLX UI · ReactA carousel of media with a title and description.
• Apple Cards CarouselVelora UI · ReactSnap-scrolling row of tall image cards that morph into a full modal story.
• Dither CarouselSpaceUI · ReactA 3D cylindrical spiral column of cards in WebGL2 with curved perspective, directional blur, and matrix dither grain.
• Base CarouselReScript shadcn · ReScript
• Liquid Morphology SlideshowSkecher UI · ReactA WebGL image slideshow with liquid, frost, ripple, plasma, and timeshift transitions.
• Logo Carousel SwapperSora UI · ReactStaggered logo column swapper with fade, vertical shift, and motion blur powered by Motion.
• Chained Spring Arc CarouselCue Foundations · React
• Cinematic Stacked GalleryReactFrame · ReactA fullscreen hero gallery where inactive slides collapse into a stacked deck of thumbnails; clicking one crossfades it…
• Apple Cards CarouselAceternity UI · React
• Depth CarouselReact Bits · ReactCards recede into depth on a 3D rail, with drag, keyboard and auto-advance.
• OnboardingCult UI · ReactComposable multi-step onboarding primitives: Onboarding root with step navigation, FeatureCarousel, ChoiceGroup radio…
• Carousel with dots navigation and content overlaysReUI · ReactCarousel with dots navigation and content overlays
• Diagonal CarouselVengeance UI · ReactSpring-driven diagonal image carousel
• Cylinder CarouselPixel Perfect · ReactOrbs line the inside wall of a 3D cylinder, seen from its rim: they fly in from a wide spin, bob gently in place, and…
• Feature Carouseluselayouts · ReactA smooth carousel for showcasing product features.
• Wheel CarouselComponentry · ReactA cinematic rotating-wheel picker with inertial drag, curved fading labels, and crossfading project imagery.
• Editorial 3 D Orbit CarouselRewamp UI · React
• Radial Card SliderSona UI · React
• Minimal CarouselWatermelon UI · React
• Snap CarouselUI Lab · ReactSnaps cards to center, drags with the mouse, and each card acts out its motion principle.
• Orbit ImagesCojeev UI · ReactAn orbit of supplied images frames stationary content.
• Carousel 03FLX UI · ReactA carousel of cards with a title and description.
• Image SliderVelora UI · ReactFull-bleed image slider with crossfade-zoom, autoplay, dots, arrows and swipe.
• Handle ReelSpaceUI · ReactKinetic tumbler reel that spins a vertical reel of names past a prefix, highlighting the centered handle as it…
• Magazine ScrollerSkecher UI · ReactA velocity-aware poster scroller with drag, wheel, spring, and progressive-blur treatments.
• Cylinder GalleryReactFrame · ReactA 3D image gallery arranged around an auto-rotating cylinder, with configurable rows/columns, tilt angle, rotation…
• CarouselAceternity UI · React
• Flex CarouselReact Bits · ReactAn infinite image row that flows through invisible liquid glass at its edges, with four bend presets, five entrances…
• Three D CarouselCult UI · React3D carousel component with perspective effects and smooth item transitions
• Vertical carousel orientationReUI · ReactVertical carousel orientation
• Perspective CarouselVengeance UI · ReactSpring-driven 3D image carousel
• Fanned Deck CarouselPixel Perfect · ReactA tall row of image cards fanned along a flat diagonal (no depth recede); each card is angled about Y. It auto-slides…
• Overlapping Slideruselayouts · ReactA full-width landing row of portrait cards. They sit flat until you move — then the card on the left scales back.
• Minimal Carousel BaseWatermelon UI · React
• Interactive Fun FactsSpaceUI · ReactInteractive 3D stacked quiz game block with True/False feedback, live score counter, progression indicators, and…
• Desktop Mockup CarouselReactFrame · ReactA realistic Studio Display-style monitor mockup with an internal video/image carousel, swipe or auto-advance…
• Images SliderAceternity UI · React
• Carousel with multiple items visibleReUI · ReactCarousel with multiple items visible
• Ripple Displacement SliderVengeance UI · ReactInteractive full-screen WebGL slider with fluid ripple displacement transitions
• Ferris Wheel CarouselPixel Perfect · ReactGondola cards hang from a slowly turning ferris wheel — they stay upright as the wheel rotates and swing like…
• Rolling Card Stackuselayouts · ReactIt’s a responsive, animated rolling card stack component built with React, TypeScript, Tailwind CSS, and Framer…
• Motion CarouselWatermelon UI · React
• Diagonal CarouselReactFrame · ReactSquare cards fan out diagonally into a stacked deck, each inactive card rotates and offsets away from the active one…
• Carousel with responsive basisReUI · ReactCarousel with responsive basis
• Books ShowcaseVengeance UI · React
• Infinite CarouselPixel Perfect · ReactA seamless infinite carousel where one GSAP timeline powers idle drift, scroll-velocity speed/reverse, hover-slow, and…
• W
  Wheel Carouseluselayouts · ReactThis component creates a smooth wheel-style carousel with photos and selectable items. It supports drag, scroll…
• Radial CarouselWatermelon UI · React
• eBay ReviewsReactFrame · ReactA seller-feedback carousel with the eBay wordmark, aggregate rating header and CTA, above a draggable autoplaying grid…
• Carousel with autoplay pluginReUI · ReactCarousel with autoplay plugin
• CarouselVengeance UI · React
• Orbit CarouselPixel Perfect · ReactCards orbit an ellipse in faux-3D — swinging to the front they scale up, sharpen and stack forward; passing behind…
• Radial Carousel BaseWatermelon UI · React
• Etsy ReviewsReactFrame · ReactA shop-review carousel with the Etsy wordmark, aggregate rating header and CTA, above a draggable autoplaying grid of…
• Carousel with centered slide alignmentReUI · ReactCarousel with centered slide alignment

Libraries with React carousel components

• Pixel Perfect
• ReactFrame
• ReUI
• Vengeance UI
• Watermelon UI

Related categories

• Carousel Components
• Tailwind CSS Carousel Components
• Animated Carousel Components
• shadcn/ui Carousel Components
• React Data Display Components
• React Card Components
• React Chart Components
• React Table Components
• React Avatar Components
• React List Components
• React Stat Components
• React Calendar Components
• React Accordion Components
• React Collapsible Components
• React Data Table Components
• React Avatar Group Components
• React Tree View Components
• React Card Stack Components
• React Line Chart Components
• React Counter Components