# Card Carousel components

> Showcase content interactively with 19 card carousel components for React, designed with Tailwind CSS for Next.js projects.

53 components available. Showing all of them below.

- [CardStack](https://21st.dev/@ruixen.ui/components/card-stack.md) — by Ruixen UI
- [Card Fan Carousel](https://21st.dev/@aayush-duhan/components/card-fan-carousel.md) — by Aayush duhan
- [Scroll Cards](https://21st.dev/@ishamsu/components/scroll-cards.md) — by Shamsu Musthafa
- [Carousel card](https://21st.dev/@abishek1512/components/carousel-card-1.md) — by Abishekaraj Immanuel
- [Cards](https://21st.dev/@prebuiltui/components/cards/marquee-cards-with-hover-effect.md) — by prebuiltui
- [Blur Reveal Deck](https://21st.dev/@y.lamfadelpro/components/blur-reveal-deck.md) — by yali
- [Gallery with image cards](https://21st.dev/@shadcnblockscom/components/gallery4.md) — by Shadcnblocks.com
- [Animate Card Animation](https://21st.dev/@moazamtrade/components/animate-card-animation.md) — by shadway
- [expand-cards](https://21st.dev/@misbahansar/components/expand-cards.md) — by Misbah Ansari
- [Animated Cards Stack](https://21st.dev/@youcefbnm/components/animated-cards-stack.md) — by YoucefBnm Bnm
- [Image Swiper](https://21st.dev/@easemize/components/image-swiper.md) — by Hossain Jahed
- [Stacked Cards Interaction](https://21st.dev/@chetanverma16/components/stacked-cards-interaction.md) — by Chetan Verma
- [Gallery Hover Carousel](https://21st.dev/@ruixen.ui/components/gallery-hover-carousel.md) — by Ruixen UI
- [Twitter Testimonial Cards](https://21st.dev/@rxxndy/components/twitter-testimonial-cards.md) — by Randy
- [Circular Gallery 2](https://21st.dev/@ravikatiyar162/components/circular-gallery-2.md) — by Ravi Katiyar
- [Card Carousel](https://21st.dev/@reuno-ui/components/card-carousel.md) — by reuno-ui
- [Offer Carousel](https://21st.dev/@ravikatiyar162/components/offer-carousel.md) — by Ravi Katiyar
- [Carousel](https://21st.dev/@ibelick/components/carousel/with-custom-sizes.md) — by Julien Thibeaut
- [Scroll X Carousel](https://21st.dev/@youcefbnm/components/scroll-x-carousel.md) — by YoucefBnm Bnm
- [Stories Carousel](https://21st.dev/@haydenbleasel/components/stories-carousel.md) — by Hayden Bleasel
- [Stories Carousel](https://21st.dev/@haydenbleasel/components/stories-carousel/story-images.md) — by Hayden Bleasel
- [social card](https://21st.dev/@shailendrakumar19999/components/social-card.md) — by Shailendra
- [Carousel](https://21st.dev/@ravikatiyar162/components/carousel.md) — by Ravi Katiyar
- [Carousel](https://21st.dev/@designali-in/components/carousel.md) — by Ali Imam
- [Executive Impact Carousel](https://21st.dev/@hardikkashiyani123456788/components/executive-impact-carousel.md) — by Hardik Kashiyani
- [Cards](https://21st.dev/@prebuiltui/components/cards/marquee-testimonial-card-with-hover-effect.md) — by prebuiltui
- [Animated Card](https://21st.dev/@kavikatiyar/components/animated-card.md) — by Kavi Katiyar
- [Flux Card Hero](https://21st.dev/@muhammad-binsalman/components/flux-card-hero.md) — by M.bin Salman
- [Carousel](https://21st.dev/@anubra266/components/carousel-1/cards-carousel.md) — by Abraham
- [Card](https://21st.dev/@ravikatiyar162/components/card-25.md) — by Ravi Katiyar
- [Offers Carousel](https://21st.dev/@lavikatiyar/components/offers-carousel.md) — by Lavi Katiyar
- [Infinite Moving Cards](https://21st.dev/@manuarora700/components/infinite-moving-cards.md) — by Manu Arora
- [Carousel](https://21st.dev/@shailendrakumar19999/components/signature.md) — by Shailendra
- [RuixenCarouselWave](https://21st.dev/@ruixen.ui/components/ruixen-carousel-wave.md) — by Ruixen UI
- [Animated carousel](https://21st.dev/@avanishverma4/components/animated-carousel.md) — by Awanish Verma
- [Sparks Carousel](https://21st.dev/@ravikatiyar162/components/sparks-carousel.md) — by Ravi Katiyar
- [Stock Trends Carousel](https://21st.dev/@ravikatiyar162/components/stock-trends-carousel.md) — by Ravi Katiyar
- [Product Carousel](https://21st.dev/@ravikatiyar162/components/product-carousel.md) — by Ravi Katiyar
- [Image Expansion](https://21st.dev/@pulseawan/components/image-expansion.md) — by Muhammad Asif
- [Carousel](https://21st.dev/@sean0205/components/carousel/spacing.md) — by Sean Hello
- [Job Slider](https://21st.dev/@ruixen.ui/components/job-slider.md) — by Ruixen UI
- [3D Perspective Card](https://21st.dev/@dhileepkumargm/components/3d-perspective-card.md) — by Dhileep Kumar GM
- [Animated Review Card](https://21st.dev/@whyte25/components/animated-review-card.md) — by whyte25
- [Linear Carousel](https://21st.dev/@animbits/components/specials-linear-carousel.md) — by Animbits
- [Animated Review Card](https://21st.dev/@whyte25/components/animated-review-card/click-iterations-review-card.md) — by whyte25
- [3D cards Slider](https://21st.dev/@dhileepkumargm/components/3d-cards-slider.md) — by Dhileep Kumar GM
- [Standard Card](https://21st.dev/@ranjansharma.ind/components/standard-card.md) — by Ranjan Sharma
- [Home Section](https://21st.dev/@ruixen.ui/components/home-section.md) — by Ruixen UI
- [Infinite Moving Cards](https://21st.dev/@nexus-ui/components/infinite-moving-cards.md) — by Nexus UI
- [Playlist Carousel](https://21st.dev/@ruixen.ui/components/playlist-carousel.md) — by Ruixen UI
- [Autoscroll Slider](https://21st.dev/@uilayout.contact/components/autoscroll-slider.md) — by UI Layouts
- [Reshaped Carousel](https://21st.dev/@reshaped/components/reshaped-carousel/ref-methods.md) — by reshaped
- [Reshaped Carousel](https://21st.dev/@reshaped/components/reshaped-carousel/bleed.md) — by reshaped

Full component directory: https://21st.dev/llms.txt