Swiper

There are few options on how to include/import Swiper into your project:

Install from NPM

We can install Swiper from NPM

npm install swiper

import SCSS in the src/assets/scss/plugins.scss file

@import 'swiper/swiper-bundle.css';

Add the js file on the page you need to use.

<script src="assets/libs/swiper/swiper-bundle.min.js"></script>

Below the example how to use the package and make it working swiper on any page.

HTML

<div class="swiper paginationDynamicSlider">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            ...
        </div>
        <div class="swiper-slide">
            ...
        </div>
        <div class="swiper-slide">
            ...
        </div>
        <div class="swiper-slide">
            ...
        </div>
    </div>
    <div class="swiper-pagination"></div>
</div>

<script src="assets/libs/swiper/swiper-bundle.min.js"></script>

JavaScript

var swiper = new Swiper(".paginationDynamicSlider", {
    pagination: {
        el: ".swiper-pagination",
        dynamicBullets: true,
    },
});
Receive the latest updates directly in your inbox!

Be the first to know about new updates and exclusive discounts. No spam, just great offers!

How about

A Custom Project?

With over 7 years of experienced team, we specialize in delivering custom projects for startups, blue-chip companies, and government agencies. We have successfully completed over 250+ projects, providing tailored solutions that meet the unique needs of each client.

Hire Us
Domiex Admin & Dashboards
230+

Total Pages

5+

Layouts

11+

Application

We provide quick support withing one business day to all of our customers.

© Domiex Created & Crafted by SRBThemes.