https://github.com/knowankit/react-smart-carousel
🪟 A smart carousel that remembers how you slid the image.
https://github.com/knowankit/react-smart-carousel
carousel image-carousel react-smart-carousel slider slider-component
Last synced: 3 months ago
JSON representation
🪟 A smart carousel that remembers how you slid the image.
- Host: GitHub
- URL: https://github.com/knowankit/react-smart-carousel
- Owner: knowankit
- Created: 2021-09-08T01:52:30.000Z (over 4 years ago)
- Default Branch: develop
- Last Pushed: 2023-04-22T21:59:28.000Z (over 2 years ago)
- Last Synced: 2025-08-19T01:19:16.268Z (5 months ago)
- Topics: carousel, image-carousel, react-smart-carousel, slider, slider-component
- Language: TypeScript
- Homepage:
- Size: 8.57 MB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-smart-carousel
[](https://www.npmjs.com/package/react-smart-carousel) [](https://standardjs.com)
## Install
```bash
npm install --save react-smart-carousel
```
If you prefer to use `yarn`, you can do:
```bash
yarn add react-smart-carousel
```
## Usage
```tsx
import React, { Component } from 'react'
import { ReactSmartCarousel } from 'react-smart-carousel'
import 'react-smart-carousel/dist/index.css'
import one from './images/1.jpg'
import two from './images/2.jpg'
import three from './images/3.jpg'
import four from './images/4.jpg'
import five from './images/5.jpg'
import six from './images/6.jpg'
const Example = () => {
return
}
```
## Props
* `images` - An array of images
## Demo
[Live preview](https://knowankit.github.io/react-smart-carousel/)
## Other interesting repositories
- [My Portfolio](https://github.com/knowankit/knowankit.com)
- [Trello Clone](https://github.com/knowankit/trello-clone)
## License
MIT © [knowankit](https://github.com/knowankit)