Tailwind CSS Carousel Components

Dev Design Library indexes 126 Tailwind CSS carousel components from 43 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 styles its components with Tailwind CSS utility classes. Carousel components belong to the Data display group.

Showing 120 of 126, 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.
• CarouseldaisyUI · CSS (Tailwind)
• CarouselPreline UI · JavaScript (HTML + Tailwind)
• Feature CarouselCult UI · ReactFeature carousel component with smooth transitions and customizable layouts
• 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…
• 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.
• 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
• 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…
• Carousel 01FLX UI · ReactAuto-scroll carousel that pauses on item hover and reveals title.
• Animated TestimonialsVelora UI · ReactCrossfades portraits behind a rotating quote.
• Dirt CarouselSpaceUI · React3D ring of video worlds. Drag, wheel, or snap. Open the gear panel to change radius, tilt, and auto-rotate.
• 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.
• 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.
• 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.
• 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.
• 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.
• 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
• 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
• 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
• Perspective Deck CarouselPixel Perfect · ReactA row of image cards fanned along a 3D diagonal that recedes up-and-to-the-right; it auto-slides, loops infinitely…
• Glide CarouselReactFrame · ReactA canvas-rendered, drag-to-scroll carousel with a curved wave layout and ambient wind/drift/magnetic card sway…
• Carousel with custom spacingReUI · ReactCarousel with custom spacing
• Photo Coverflow CyclePixel Perfect · ReactA cover-flow of photos that steps forward one at a time, the back of the deck blurred and dimmed.
• Image ShowcaseReactFrame · ReactA product-style image viewer, a large main frame with prev/next arrows and an image counter, backed by a click-to-jump…
• Carousel with images and overlaysReUI · ReactCarousel with images and overlays
• Radial CarouselPixel Perfect · ReactA radial arc carousel: cards fan along a circle's top arc and the whole wheel spins around its center as you scroll…
• Instagram Post MockupReactFrame · ReactA realistic Instagram post, avatar ring, swipeable multi-photo carousel, double-tap-to-like heart burst…
• Carousel with thumbnail navigationReUI · ReactCarousel with thumbnail navigation
• Rotating Ring CarouselPixel Perfect · ReactNumbered panels arranged in a 3D ring, slowly orbiting the Y axis like a cylindrical carousel.

Libraries with Tailwind CSS carousel components

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

Related categories

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