Dev Design LibraryCarousel Components
Dev Design Library indexes 143 carousel components from 54 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. Carousel components belong to the Data display group.
Showing 120 of 143, 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.
CarouseldaisyUI · CSS (Tailwind)
CarouselChakra UI · ReactUsed to cycle through a series of visual content within a container.
CarouselPreline UI · JavaScript (HTML + Tailwind)
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
Hero Twocnblocks · SvelteTwo-column hero with image carousel
Spell Logo CarouselAnimations (Svelte) · Svelte
Inline CitationAI Elements (Svelte) · SvelteAn inline citation system with hover cards and carousel views for source-backed AI content.
Depth CarouselSwiftPieces · SwiftUIPaged cards that recede in depth as they leave the centre, over a glass page counter and a track you can scrub.
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.
Testimonial Fivecnblocks · SvelteTestimonial carousel with navigation
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…- Wheel Carouseluselayouts · ReactThis component creates a smooth wheel-style carousel with photos and selectable items. It supports drag, scroll…
Radial CarouselWatermelon UI · React
Libraries with carousel components
Related categories
- React Carousel Components
- Tailwind CSS Carousel Components
- Animated Carousel Components
- shadcn/ui Carousel Components
- Data Display Components
- Card Components
- Chart Components
- Table Components
- Avatar Components
- List Components
- Stat Components
- Calendar Components
- Accordion Components
- Data Table Components
- Collapsible Components
- Avatar Group Components
- Stat Card Components
- Bar Chart Components
- Tree View Components
- Card Stack Components