Dev Design LibraryAnimated Carousel Components
Dev Design Library indexes 117 Animated carousel components from 36 open-source UI libraries, with the most coming from Pixel Perfect, ReactFrame, ReUI, Watermelon UI and uselayouts. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the carousel components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Carousel components belong to the Data display group.
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
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.
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
Cylinder CarouselbeUI · ReactA carousel whose items line the inside of a cylinder, receding into the center and growing toward the edges. Drag…
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.
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.
Liquid Glass CarouselComponentry · ReactAn infinite image carousel seen through a WebGL liquid-glass lens — chromatic rim, snap scroll, and a focus expand.
Testimonial Fivecnblocks · SvelteTestimonial carousel with navigation
Spell Logo CarouselAnimations (Svelte) · Svelte
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…
Carousel 01FLX UI · ReactAuto-scroll carousel that pauses on item hover and reveals title.
Apple Cards CarouselVelora UI · ReactSnap-scrolling row of tall image cards that morph into a full modal story.
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
Airbnb ReviewsReactFrame · ReactA guest-review carousel with the Airbnb Bélo mark, aggregate rating header and CTA, above a draggable autoplaying grid…
Apple Cards CarouselAceternity UI · React
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
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.
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.
Image SliderVelora UI · ReactFull-bleed image slider with crossfade-zoom, autoplay, dots, arrows and swipe.
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…
CarouselAceternity UI · React
Depth CarouselReact Bits · ReactCards recede into depth on a 3D rail, with drag, keyboard and auto-advance.
Three D CarouselCult UI · React3D carousel component with perspective effects and smooth item transitions
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.
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…
Images SliderAceternity UI · React
Flex CarouselReact Bits · ReactAn infinite image row that flows through invisible liquid glass at its edges, with four bend presets, five entrances…
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…
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
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
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.
Testimonial SpotlightReactFrame · ReactA full-bleed photo testimonial slider with crossfade, slide or iris transitions, a thumbnail strip, progress lines…
Scroll Direction CarouselPixel Perfect · ReactAn infinite carousel whose travel direction follows your scroll direction and whose speed ramps with scroll velocity…
Tilted CarouselReactFrame · ReactA 3D book-flow carousel where cards tilt around the active slide, with paper/glass themes and 3 title alignment styles.
Slat Flip CarouselPixel Perfect · ReactThe image is split into horizontal louver slats that flip 180° about their own axis in a stagger — the new slide rides…
Sliced Reveal CarouselPixel Perfect · ReactSlide transitions slice the photo into vertical strips that cascade in one column at a time — the new image sweeps up…
Toss Deck CarouselPixel Perfect · ReactA messy pile of polaroids — flick the top one away and it flies off with your throw while the pile shuffles up and a…
Libraries with Animated carousel components
Related categories
- Carousel Components
- React Carousel Components
- Tailwind CSS Carousel Components
- shadcn/ui Carousel Components
- Animated Data Display Components
- Animated Card Components
- Animated Chart Components
- Animated Accordion Components
- Animated Stat Components
- Animated Collapsible Components
- Animated Card Stack Components
- Animated Counter Components
- Animated List Components
- Animated Avatar Components
- Animated Table Components
- Animated Tree View Components
- Animated Avatar Group Components
- Animated Line Chart Components
- Animated Timeline Components
- Animated Testimonial Components