# Carousel components

> Showcase images and content interactively with 55 React carousel components, seamlessly styled with Tailwind CSS for Next.js.

191 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/carousel.

- [Gallery with image cards](https://21st.dev/@shadcnblockscom/components/gallery4.md) — by Shadcnblocks.com
- [CardStack](https://21st.dev/@ruixen.ui/components/card-stack.md) — by Ruixen UI
- [Feature Carousel](https://21st.dev/@0xUrvish/components/feature-carousel.md) — by 0xUrvish
- [Card Fan Carousel](https://21st.dev/@aayush-duhan/components/card-fan-carousel.md) — by Aayush duhan
- [Feature Carousel](https://21st.dev/@ravikatiyar162/components/feature-carousel.md) — by Ravi Katiyar
- [Focus Rail](https://21st.dev/@daiwiikharihar17147/components/focus-rail.md) — by Daiwiik Harihar
- [Animated Feature Carousel](https://21st.dev/@minhxthanh/components/animated-feature-carousel.md) — by Le Thanh
- [Scroll Cards](https://21st.dev/@ishamsu/components/scroll-cards.md) — by Shamsu Musthafa
- [Carousel](https://21st.dev/@manuarora700/components/carousel.md) — by Manu Arora
- [Elegant Carousel](https://21st.dev/@dev.yadhakim/components/elegant-carousel.md) — by Yad Hakim
- [argent-loop-infinite-slider](https://21st.dev/@hardikkashiyani123456788/components/argent-loop-infinite-slider.md) — by Hardik Kashiyani
- [Carousel](https://21st.dev/@ibelick/components/carousel.md) — by Julien Thibeaut
- [Carousel](https://21st.dev/@ibelick/components/carousel/with-custom-sizes-and-spacing.md) — by Julien Thibeaut
- [Offer Carousel](https://21st.dev/@ravikatiyar162/components/offer-carousel.md) — by Ravi Katiyar
- [Carousel](https://21st.dev/@ibelick/components/carousel/with-custom-indicators.md) — by Julien Thibeaut
- [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
- [Progressive Carousel](https://21st.dev/@uilayout.contact/components/progressive-carousel.md) — by UI Layouts
- [Stories Carousel](https://21st.dev/@haydenbleasel/components/stories-carousel.md) — by Hayden Bleasel
- [Ruler Carousel](https://21st.dev/@isaiahbjork/components/ruler-carousel.md) — by Isaiah
- [Carousel](https://21st.dev/@shadcn/components/carousel.md) — by shadcn
- [Stories Carousel](https://21st.dev/@haydenbleasel/components/stories-carousel/story-images.md) — by Hayden Bleasel
- [Thumbnail Carousel](https://21st.dev/@avanishverma4/components/thumbnail-carousel.md) — by Awanish Verma
- [Scroll X Carousel](https://21st.dev/@youcefbnm/components/scroll-x-carousel/reversed.md) — by YoucefBnm Bnm
- [Feature Carousel](https://21st.dev/@cult-ui/components/feature-carousel.md) — by cult/ui
- [Stories Carousel](https://21st.dev/@haydenbleasel/components/stories-carousel/story-avatar.md) — by Hayden Bleasel
- [Framer Thumbnail Carousel](https://21st.dev/@uilayout.contact/components/framer-thumbnail-carousel.md) — by UI Layouts
- [Carousel](https://21st.dev/@ravikatiyar162/components/carousel.md) — by Ravi Katiyar
- [Carousel](https://21st.dev/@designali-in/components/carousel.md) — by Ali Imam
- [Framer Carousel](https://21st.dev/@uilayout.contact/components/framer-carousel.md) — by UI Layouts
- [Carousel card](https://21st.dev/@abishek1512/components/carousel-card-1.md) — by Abishekaraj Immanuel
- [Executive Impact Carousel](https://21st.dev/@hardikkashiyani123456788/components/executive-impact-carousel.md) — by Hardik Kashiyani
- [Story](https://21st.dev/@youcefbnm/components/story.md) — by YoucefBnm Bnm
- [book slider](https://21st.dev/@aarispathan15/components/book-slider.md) — by Aaris Khan
- [Carousel](https://21st.dev/@anubra266/components/carousel-1/thumbnails-carousel.md) — by Abraham
- [Carousel](https://21st.dev/@anubra266/components/carousel-1/vertical-carousel.md) — by Abraham
- [Cards](https://21st.dev/@prebuiltui/components/cards/marquee-cards-with-hover-effect.md) — by prebuiltui
- [Carousel](https://21st.dev/@anubra266/components/carousel-1/cards-carousel.md) — by Abraham
- [Carousel](https://21st.dev/@anubra266/components/carousel-1.md) — by Abraham
- [Carousel](https://21st.dev/@anubra266/components/carousel-1/carousel-w-autoplay.md) — by Abraham
- [Carousel](https://21st.dev/@anubra266/components/carousel-1/testimonials-carousel.md) — by Abraham
- [Interfaces Carousel](https://21st.dev/@jshguo/components/interfaces-carousel.md) — by jshguo
- [Carousel](https://21st.dev/@anubra266/components/carousel-1/hero-carousel.md) — by Abraham
- [Carousel](https://21st.dev/@anubra266/components/carousel-1/minimal-carousel.md) — by Abraham
- [Offers Carousel](https://21st.dev/@lavikatiyar/components/offers-carousel.md) — by Lavi Katiyar
- [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
- [Loading Carousel](https://21st.dev/@cult-ui/components/loading-carousel.md) — by cult/ui
- [Interfaces Carousel](https://21st.dev/@jshguo/components/interfaces-carousel/vertical.md) — by jshguo
- [Interfaces Carousel](https://21st.dev/@jshguo/components/interfaces-carousel/loop.md) — by jshguo
- [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
- [Carousel](https://21st.dev/@sean0205/components/carousel.md) — by Sean Hello
- [8bit Carousel](https://21st.dev/@theorcdev/components/8bit-carousel.md) — by OrcDev
- [Carousel](https://21st.dev/@sean0205/components/carousel/spacing.md) — by Sean Hello
- [Carousel](https://21st.dev/@sean0205/components/carousel/orientation.md) — by Sean Hello
- [Carousel](https://21st.dev/@sean0205/components/carousel/size.md) — by Sean Hello
- [Job Slider](https://21st.dev/@ruixen.ui/components/job-slider.md) — by Ruixen UI

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