# Card Carousel React components, live previews & code, EneUI

Browse 40 Card Carousel React and shadcn components: live preview, full source and a one-line install command for each. Copy into your project or hand it to your AI agent.

> Page: https://ui.eneawork.it/components/cat/card-carousel
> Markdown: https://ui.eneawork.it/components/cat/card-carousel.md

**Components:** 40


## Highlights

- [coverflow-carousel](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/coverflow-carousel), 21st-ruixen.ui--ruixen-ui
- [card-fan-carousel](https://ui.eneawork.it/comp/21st-aayush-duhan/card-fan-carousel), 21st-aayush-duhan
- [card-stack](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/card-stack), 21st-ruixen.ui--ruixen-ui
- [gallery4](https://ui.eneawork.it/comp/21st-shadcnblockscom--shadcnblocks-com/gallery4), 21st-shadcnblockscom--shadcnblocks-com
- [animate-card-animation](https://ui.eneawork.it/comp/21st-moazamtrade--shadway/animate-card-animation), 21st-moazamtrade--shadway
- [hero-carousel](https://ui.eneawork.it/comp/21st-crafterui/hero-carousel), 21st-crafterui
- [animated-tabs](https://ui.eneawork.it/comp/21st-chetanverma16--chetanverma-ui/animated-tabs), 21st-chetanverma16--chetanverma-ui
- [animated-cards-stack](https://ui.eneawork.it/comp/21st-youcefbnm--systaliko-ui/animated-cards-stack), 21st-youcefbnm--systaliko-ui
- [circular-gallery-2](https://ui.eneawork.it/comp/21st-ravikatiyar162/circular-gallery-2), 21st-ravikatiyar162
- [scroll-cards](https://ui.eneawork.it/comp/21st-ishamsu/scroll-cards), 21st-ishamsu
- [image-swiper](https://ui.eneawork.it/comp/21st-jahed/image-swiper), 21st-jahed
- [gallery-hover-carousel](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/gallery-hover-carousel), 21st-ruixen.ui--ruixen-ui

## FAQ

### How many React Card Carousel components are there?

40 Card Carousel components in the catalog, each with a live preview, full source and a one-line install command.

### How do I add a Card Carousel component to my project?

Open a component and hit Copy code (or Install) to drop the source into your components folder, or run npx shadcn add "<url>" with the command shown on the page.

### Are they free?

Yes, browsing is always free and copying runs on a free daily quota; Premium removes the limit.

### Do they work with Next.js and Tailwind?

Yes, React components styled with Tailwind and shadcn/ui, compatible with Next.js, Vite and CRA.

## Related

- [All categories](/components)
- [Libraries](/libraries)