Animated Card Carousel Components

Dev Design Library indexes 15 Animated card carousel components from 10 open-source UI libraries, with the most coming from React Bits, Rewamp UI, Sona UI, uselayouts and Kokonut UI. 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 card carousel components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Card carousel components belong to the Data display group.

• CarouselReact Bits · ReactResponsive carousel with touch gestures, looping and transitions.
• 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.
• Overlapping Slideruselayouts · ReactA full-width landing row of portrait cards. They sit flat until you move — then the card on the left scales back.
• Orbit Card StackComponentry · ReactPremium hover card deck that fans outward and lifts the active card without changing its color or angle.
• Orbital Card ArchRewamp UI · ReactExact recreation of Recording 2026-09-15 154820.mp4: Cards gliding along a panoramic 3D curved horizon cylinder…
• Circular Card MarqueeSona UI · ReactA continuous responsive card marquee that orbits cards around a circular path with configurable speed, direction…
• Carousel 03FLX UI · ReactA carousel of cards with a title and description.
• Apple Cards CarouselVelora UI · ReactSnap-scrolling row of tall image cards that morph into a full modal story.
• 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.
• Arch Card CarouselRewamp UI · React
• Radial Card SliderSona UI · React
• Depth CarouselReact Bits · ReactCards recede into depth on a 3D rail, with drag, keyboard and auto-advance.
• Flex CarouselReact Bits · ReactAn infinite image row that flows through invisible liquid glass at its edges, with four bend presets, five entrances…

Libraries with Animated card carousel components

• React Bits
• Rewamp UI
• Sona UI
• uselayouts
• Kokonut UI

Related categories

• Card Carousel Components
• Tailwind CSS Card Carousel Components
• Animated Data Display Components
• Animated Card Components
• Animated Chart Components
• Animated Carousel 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