react-multi-carousel

(★ 1,345)

A lightweight production-ready Carousel that rocks supports multiple items and server-side rendering with no dependency. Bundle size 2kb.

File Explorer

Download Latest Version (.zip)

- - bug_report.md
- addons.js
- config.js
- webpack.config.js
- - base.css
  - block-navigation.js
  - Carousel.tsx.html
  - CustomDot.tsx.html
  - index.html
  - mouseOrTouchMove.spect.ts.html
  - prettify.css
  - prettify.js
  - sort-arrow-sprite.png
  - sorter.js
  - style.ts.html
  - utils.ts.html
- clover.xml
- coverage-final.json
- lcov.info
- - card.tsx
  - image.tsx
  - menu.tsx
- - _app.tsx
  - _document.tsx
- - index.ts
- - index.ts
- - getPageContext.ts
- .gitignore
- .snyk
- babel.config.js
- next.config.js
- nodemon.json
- package-lock.json
- package.json
- postcss.config.js
- README.md
- tsconfig.json
- tsconfig.server.json
- - .snyk
  - next.config.js
  - now.json
  - package-lock.json
  - package.json
  - style.css
- - revicons.eot
  - revicons.ttf
  - revicons.woff
  - styles.css
- - clones.ts
  - common.ts
  - dots.ts
  - elementWidth.ts
  - index.ts
  - mouseOrTouchMove.ts
  - next.ts
  - previous.ts
  - throttle.ts
  - throwError.ts
- Arrows.tsx
- Carousel.tsx
- CarouselItems.tsx
- Dots.tsx
- index.d.ts
- index.tsx
- types.ts
- Card.js
- CopyOfChildAsDots.css
- CopyOfChildAsDots.js
- CustomArrows.js
- CustomDot.js
- CustomImage.js
- data.json
- DotModeWithSlidesToSlide.js
- index.stories.js
- style.css
- WithScrollbar.css
- WithScrollbar.js
- - storybook_ui-manifest.json
  - storybook_ui_dll.js
  - storybook_ui_dll.LICENCE
- favicon.ico
- - clones.spec.ts
  - common.spec.ts
  - elementWidth.spec.ts
  - mouseOrTouchMove.spec.ts
  - next.spec.ts
  - previous.spec.ts
  - utils.ts
.all-contributorsrc
.eslintrc.js
.gitattributes
.gitignore
.npmignore
.prettierrc.js
.travis.yml
browserstack-logo-600x315.png
CHANGELOG.md
contributing.md
index.js
LICENSE
minify.js
package-lock.json
package.json
README.md
TROUBLESHOOTING.md
tsconfig.json
TypeScriptUsage.md

# Installation Guide

1. Get the code

git clone https://github.com/YIZHUANG/react-multi-carousel

Downloads the entire project code from GitHub to your computer.

cd react-multi-carousel

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

$ npm install react-multi-carousel --save

Downloads and installs the libraries listed in package.json.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.