Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/akiran/react-slick
React carousel component
https://github.com/akiran/react-slick
carousel react slick
Last synced: 3 days ago
JSON representation
React carousel component
- Host: GitHub
- URL: https://github.com/akiran/react-slick
- Owner: akiran
- License: mit
- Created: 2014-11-16T05:14:39.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2024-06-18T13:14:54.000Z (6 months ago)
- Last Synced: 2024-10-29T21:34:49.512Z (about 1 month ago)
- Topics: carousel, react, slick
- Language: JavaScript
- Homepage: http://react-slick.neostack.com/
- Size: 2.21 MB
- Stars: 11,756
- Watchers: 118
- Forks: 2,107
- Open Issues: 487
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome - akiran/react-slick - React carousel component (JavaScript)
- awesome-react-cn - react-slick - Carousel component built with React (Uncategorized / Uncategorized)
- awesome-react-components-all - react-slick - React carousel component. (Uncategorized / Uncategorized)
- awesome-react-components - react-slick - React carousel component. (UI Components / Carousel)
- awesome-react - react-slick - React carousel component. ![](https://img.shields.io/github/stars/akiran/react-slick.svg?style=social&label=Star) (UI Components / Carousel)
- awesome-learning-resources - react-slick - Carousel component built with React (Uncategorized / Uncategorized)
- awesome-list - react-slick 幻灯片
- awesome-list - react-slick - React carousel component. (Demos / Carousel)
- awesome-react-components - react-slick - React carousel component. (UI Components / Carousel)
- awesome-react-components - react-slick - React carousel component. (UI Components / Carousel)
- awesome-list - react-slick
- awesome-react-components - react-slick - React carousel component. (UI Components / Carousel)
- best-of-react - GitHub - 26% open · ⏱️ 11.04.2024): (Other Components)
- fucking-awesome-react-components - react-slick - React carousel component. (UI Components / Carousel)
- awesome-star-libs - akiran / react-slick
- awesome-react - react-slick - React carousel component ` 📝 4 months ago` (React [🔝](#readme))
README
### 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)