react-slick
A carousel (image or content slider) component for React, ported from slick carousel.
- Stars
- 11.9k
- Forks
- 2.1k
- Licence
- MIT
- Language
- JavaScript
- Last update
- 1.2 years ago
- Type
- Library
No commits in over a year — check for forks or alternatives before adopting.
What it is
react-slick is a JavaScript component library that adds a carousel, a sliding set of items such as images or content panels, to React apps. It is a React port of the older slick carousel project. You configure it with props like dots, infinite looping, speed and how many slides to show at once.
- Show a homepage banner or hero image slideshow
- Display a row of product cards that scrolls horizontally
- Build an image gallery with navigation dots
Great for
- React developers who need a slideshow or carousel on a web page
- Teams that want a known, MIT-licensed carousel component
- Projects that already use slick-carousel styling and want a React wrapper
Not ideal for
- People not using React, since this is a React component
- Projects needing a carousel with no extra CSS setup, because the README says slick-carousel CSS and fonts must be installed separately
- Users who need built-in accessibility guarantees, which the README does not describe
How to get it
- 1
Install with a package manager
You'll need: Node.js and npm or yarn
Install with npm
npm install react-slick --saveInstall with yarn
yarn add react-slickInstall CSS package
npm install slick-carousel - 2
Run it
- Install react-slick and slick-carousel with npm or yarn
- Import slick.css and slick-theme.css from slick-carousel in your app
- Import Slider from react-slick and render it with child elements
- Pass settings such as dots, infinite and slidesToShow as props
- 3
Get the most out of it
- Use the props reference on the documentation site to tune behavior
- Check the methods reference to control the slider programmatically
- Try the StackBlitz playground linked in the README before integrating
- Run the local demo with git clone and npm start to explore examples
Downloads
Strengths
- MIT license and a long public history with over 11,000 GitHub stars
- Simple usage: wrap child elements in a Slider component and pass settings
- Has a documentation site and a live playground linked from the README
Trade-offs
- Requires separately installing slick-carousel for the required CSS and fonts
- The README gives no detail on maintenance status or the React versions supported; the last push date is recent but the release is 0.31.0
- Inherits the design and behavior model of the original slick carousel
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| react-slick (this) | 11.9k | Library | beginner | 1.2 years ago | React developers who need a slideshow or carousel on a web page |
| swiper | 41.9k | Library | intermediate | 6 days ago | Front-end developers adding a swipeable slider or image gallery to a website |
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.