Get Started

react-id-swiperis a library to useSwiperas a ReactJs component

From version2.0.0, it requiresReact & ReactDOM ver >=16.8.0to useHooks api

Download & Installation

You can download source code directly fromGithubor by npm package or CDN.By Yarn

yarn add react-id-swiper@latest swiper@latest

By Npm

npm install react-id-swiper@latest swiper@latest

Or from CDN

<script src="https://unpkg.com/react-id-swiper@4.0.0/lib/react-id-swiper.js"></script>
<script src="https://unpkg.com/react-id-swiper@4.0.0/lib/react-id-swiper.min.js"></script>

Stylesheet

react-id-swiper requires Swiper's stylesheet. You can use CDN or use provided stylesheet files (css | scss | less) from SwiperProvided stylesheet files

// css
import 'swiper/css/swiper.css';
// scss
import 'swiper/swiper.scss';
// less
import 'swiper/swiper.less';

Or from CDN

<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.css">
<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">

© 2026 - Asher Nguyen