### react-slick [![Backers on Open Collective](https://opencollective.com/react-slick/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/react-slick/sponsors/badge.svg)](#sponsors) ##### Carousel component built with React. It is a react port of [slick carousel](http://kenwheeler.github.io/slick/) ## [Documentation](http://react-slick.neostack.com) ### Installation **npm** ```bash npm install react-slick --save ``` **yarn** ```bash yarn add react-slick ``` **Also install slick-carousel for css and font** ```bash npm install slick-carousel // Import css files import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css"; ``` or add cdn link in your html ```html ``` ### [PlayGround](https://stackblitz.com/edit/vitejs-vite-ownrun?file=src%2FImageSlider.jsx) ### Example ```js import React from "react"; import Slider from "react-slick"; export default function SimpleSlider() { var settings = { dots: true, infinite: true, speed: 500, slidesToShow: 1, slidesToScroll: 1 }; return (

1

2

3

4

5

6

); } ``` ### Props For all available props, go [here](https://react-slick.neostack.com/docs/api/). ### Methods For all available methods, go [here](https://react-slick.neostack.com/docs/api#methods) ### Development Want to run demos locally ```bash git clone https://github.com/akiran/react-slick cd react-slick npm install npm start open http://localhost:8080 ``` ## Community Join our [discord channel](https://discord.gg/z7stRE4Cyb) to discuss react-slick bugs and ask for help ## Contributing Please see the [contributing guidelines](./CONTRIBUTING.md)

			Stars	Issues	Version	Updated	Created	Size
	react-image-magnify		643	118	2.7.4	6 years ago	8 years ago
	react-slick		11,722	484	0.30.2	7 months ago	10 years ago

react-image-magnify vs react-slick

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Sick of boring JavaScript newsletters?

Downloads in past