carousel-comparousel

A comparison of popular React carousel libraries.

Featured libraries

Source code: https://github.com/FormidableLabs/nuka-carousel
Downloads: ~77K / week (via npm)
Demo(s): Run locally: https://github.com/FormidableLabs/nuka-carousel#running-demo-locally
Documentation: https://github.com/FormidableLabs/nuka-carousel#props
Sizes (carousel library and application code):
- JS: 19.5kB (gzipped)
- CSS: 1.2kB (gzipped)
Notes:
- Highly customizeable
- Features slidesToShow and slidesToScroll properties to effectively display children as a group

Source code: https://github.com/maxmarinich/react-alice-carousel
Downloads: ~18K / week (via npm)
Demo(s): n/a
Documentation: https://github.com/maxmarinich/react-alice-carousel#advanced-configuration
Sizes (carousel library and application code):
- JS: 12.8kB (gzipped)
- CSS: 1.6kB (gzipped)
Notes:
- Lacking demos and extensive documentation
- Styles broken out of the box

Source code: https://github.com/akiran/react-slick
Downloads: ~654K / week (via npm)
Demo(s): https://react-slick.neostack.com/docs/example/simple-slider
Documentation: https://react-slick.neostack.com/docs/get-started
Sizes (carousel library and application code):
- JS: 16.0kB (gzipped)
- CSS + font: 3.6kB (gzipped)
Notes:
- Features slidesToShow and slidesToScroll properties to effectively display children as a group
- TypeScript types not included (although available in @types/react-slick)
- Left and right button styles broken out of the box

Source code: https://github.com/leandrowd/react-responsive-carousel
Downloads: ~64K / week (via npm)
Documentation: https://github.com/leandrowd/react-responsive-carousel#customizing
Demo(s): http://react-responsive-carousel.js.org/storybook/?path=/story/01-basic--base
Sizes (carousel library and application code):
- JS: 9.6kB (gzipped)
- CSS: 1.8kB (gzipped)
Notes:
- Specifically styled for single-image with thumbnails
- Source in TypeScript
- Global CSS with common classes (.slide)

With Node.js (14.4.x) and yarn installed: