9 Best React Carousel Library 2024

share link

by Kanika Maheshwari dot icon Updated: Feb 15, 2024

technology logo
technology logo

Guide Kit Guide Kit  

Here are some best React Carousel Libraries. React Carousel Libraries use cases include Image Carousel, Video Carousel, Testimonial Carousel, Card Carousel, and News Carousel. 


React carousel libraries allow you to create carousel components for your React applications. Examples of these libraries include React-Slick, React-Swipe, and React-Responsive-Carousel.  


Let us look at the libraries in detail. 

react-slick

  • Allows developers to customize the number of items.
  • Provides an autoplay feature that allows developers to customize the speed and timing of the carousel.
  • Supports CSS transitions so developers can customize the transition effect when switching between slides. 

react-slickby akiran

JavaScript doticonstar image 11056 doticonVersion:0.29.0doticon
License: Permissive (MIT)

React carousel component

Support
    Quality
      Security
        License
          Reuse

            react-slickby akiran

            JavaScript doticon star image 11056 doticonVersion:0.29.0doticon License: Permissive (MIT)

            React carousel component
            Support
              Quality
                Security
                  License
                    Reuse

                      react-swipeable-views

                      • Touch-based interaction.
                      • Highly configurable.
                      • Built on top of React.js, making it easier for developers to integrate into existing projects.

                      react-swipeable-viewsby oliviertassinari

                      JavaScript doticonstar image 4329 doticonVersion:v0.14.0doticon
                      License: Permissive (MIT)

                      A React component for swipeable views. :snowflake:

                      Support
                        Quality
                          Security
                            License
                              Reuse

                                react-swipeable-viewsby oliviertassinari

                                JavaScript doticon star image 4329 doticonVersion:v0.14.0doticon License: Permissive (MIT)

                                A React component for swipeable views. :snowflake:
                                Support
                                  Quality
                                    Security
                                      License
                                        Reuse

                                          react-image-gallery

                                          • Optimized for mobile devices.
                                          • Allows users to view images in fullscreen mode.
                                          • Allows users to navigate through images easily. 
                                          JavaScript doticonstar image 3418 doticonVersion:v1.2.11doticon
                                          License: Permissive (MIT)

                                          React carousel image gallery component with thumbnail support 🖼

                                          Support
                                            Quality
                                              Security
                                                License
                                                  Reuse

                                                    react-image-galleryby xiaolin

                                                    JavaScript doticon star image 3418 doticonVersion:v1.2.11doticon License: Permissive (MIT)

                                                    React carousel image gallery component with thumbnail support 🖼
                                                    Support
                                                      Quality
                                                        Security
                                                          License
                                                            Reuse

                                                              react-carousel

                                                              • Open source and actively maintained.
                                                              • Provides an elegant and responsive design.
                                                              • Provides an API allowing developers to create complex carousels with dynamic content quickly. 

                                                              react-carouselby brainhubeu

                                                              JavaScript doticonstar image 1033 doticonVersion:v2.0.4doticon
                                                              License: Permissive (MIT)

                                                              A pure extendable React carousel, powered by Brainhub (craftsmen who ❤️ JS)

                                                              Support
                                                                Quality
                                                                  Security
                                                                    License
                                                                      Reuse

                                                                        react-carouselby brainhubeu

                                                                        JavaScript doticon star image 1033 doticonVersion:v2.0.4doticon License: Permissive (MIT)

                                                                        A pure extendable React carousel, powered by Brainhub (craftsmen who ❤️ JS)
                                                                        Support
                                                                          Quality
                                                                            Security
                                                                              License
                                                                                Reuse

                                                                                  react-carousel-3d

                                                                                  • Provides a 3D animation effect that distinguishes it from other carousel libraries. 
                                                                                  • Supports automatic sliding of the carousel items. 
                                                                                  • Supports both touch and swipe interactions .

                                                                                  react-carousel-3dby suhailsulu

                                                                                  JavaScript doticonstar image 149 doticonVersion:Currentdoticon
                                                                                  no licences License: No License (null)

                                                                                  3D carousal component in react

                                                                                  Support
                                                                                    Quality
                                                                                      Security
                                                                                        License
                                                                                          Reuse

                                                                                            react-carousel-3dby suhailsulu

                                                                                            JavaScript doticon star image 149 doticonVersion:Currentdoticonno licences License: No License

                                                                                            3D carousal component in react
                                                                                            Support
                                                                                              Quality
                                                                                                Security
                                                                                                  License
                                                                                                    Reuse

                                                                                                      Carousel

                                                                                                      • Supports both horizontal and vertical scrolling.
                                                                                                      • Built-in API, allowing for custom styling.
                                                                                                      • Supports both image and video carousels.

                                                                                                      Carouselby khanshamshad32

                                                                                                      JavaScript doticonstar image 35 doticonVersion:Currentdoticon
                                                                                                      License: Strong Copyleft (GPL-3.0)

                                                                                                      Carousel - A React Native Library

                                                                                                      Support
                                                                                                        Quality
                                                                                                          Security
                                                                                                            License
                                                                                                              Reuse

                                                                                                                Carouselby khanshamshad32

                                                                                                                JavaScript doticon star image 35 doticonVersion:Currentdoticon License: Strong Copyleft (GPL-3.0)

                                                                                                                Carousel - A React Native Library
                                                                                                                Support
                                                                                                                  Quality
                                                                                                                    Security
                                                                                                                      License
                                                                                                                        Reuse

                                                                                                                          merry-go-round

                                                                                                                          • Offers a wide range of customization options.
                                                                                                                          • Lightweight so that it won't slow down your website. 
                                                                                                                          • Offers support for multiple image formats, including JPEG, PNG, and GIF. 

                                                                                                                          merry-go-roundby jussi-kalliokoski

                                                                                                                          JavaScript doticonstar image 19 doticonVersion:Currentdoticon
                                                                                                                          License: Permissive (ISC)

                                                                                                                          Merry-go-Round is a React-based component library for building amazing carousels!

                                                                                                                          Support
                                                                                                                            Quality
                                                                                                                              Security
                                                                                                                                License
                                                                                                                                  Reuse

                                                                                                                                    merry-go-roundby jussi-kalliokoski

                                                                                                                                    JavaScript doticon star image 19 doticonVersion:Currentdoticon License: Permissive (ISC)

                                                                                                                                    Merry-go-Round is a React-based component library for building amazing carousels!
                                                                                                                                    Support
                                                                                                                                      Quality
                                                                                                                                        Security
                                                                                                                                          License
                                                                                                                                            Reuse

                                                                                                                                              react-flickity

                                                                                                                                              • Mobile-first design that works with touch devices.
                                                                                                                                              • Flexible and can be used with any content. 
                                                                                                                                              • Allows users to control the carousel with their keyboard and mouse.

                                                                                                                                              react-flickityby juvenpajares

                                                                                                                                              JavaScript doticonstar image 8 doticonVersion:Currentdoticon
                                                                                                                                              no licences License: No License (null)

                                                                                                                                              Support
                                                                                                                                                Quality
                                                                                                                                                  Security
                                                                                                                                                    License
                                                                                                                                                      Reuse

                                                                                                                                                        react-flickityby juvenpajares

                                                                                                                                                        JavaScript doticon star image 8 doticonVersion:Currentdoticonno licences License: No License

                                                                                                                                                        Support
                                                                                                                                                          Quality
                                                                                                                                                            Security
                                                                                                                                                              License
                                                                                                                                                                Reuse

                                                                                                                                                                  react-carousel-library

                                                                                                                                                                  • Provides an extensive library of CSS classes and styles.
                                                                                                                                                                  • Provides a variety of navigation controls.
                                                                                                                                                                  • Users can access their carousel regardless of the device they are using. 
                                                                                                                                                                  JavaScript doticonstar image 3 doticonVersion:Currentdoticon
                                                                                                                                                                  License: Permissive (MIT)

                                                                                                                                                                  Carousel component using reactjs

                                                                                                                                                                  Support
                                                                                                                                                                    Quality
                                                                                                                                                                      Security
                                                                                                                                                                        License
                                                                                                                                                                          Reuse

                                                                                                                                                                            react-carousel-libraryby nabaraj

                                                                                                                                                                            JavaScript doticon star image 3 doticonVersion:Currentdoticon License: Permissive (MIT)

                                                                                                                                                                            Carousel component using reactjs
                                                                                                                                                                            Support
                                                                                                                                                                              Quality
                                                                                                                                                                                Security
                                                                                                                                                                                  License
                                                                                                                                                                                    Reuse