js swiper

1<!-- Slider main container -->
2<div class="swiper-container">
3    <!-- Additional required wrapper -->
4    <div class="swiper-wrapper">
5        <!-- Slides -->
6        <div class="swiper-slide">Slide 1</div>
7        <div class="swiper-slide">Slide 2</div>
8        <div class="swiper-slide">Slide 3</div>
9        ...
10    </div>
11    <!-- If we need pagination -->
12    <div class="swiper-pagination"></div>
13
14    <!-- If we need navigation buttons -->
15    <div class="swiper-button-prev"></div>
16    <div class="swiper-button-next"></div>
17
18    <!-- If we need scrollbar -->
19    <div class="swiper-scrollbar"></div>
20</div>

1$ npm install swiper

1// import Swiper JS
2import Swiper from 'swiper';
3// import Swiper styles
4import 'swiper/swiper-bundle.css';
5
6const swiper = new Swiper(...);