Load Swiper.js from CDN

swiper cdn

Here is the CDN of Swiper.js to create and style Swiper slider.
As you use CDN, you can create Swiper slider without downloading libraries.

<!-------------- Swiper CSS ------------------------------------------------------------->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css">
<!-------------- Swiper JS -------------------------------------------------------------->
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>

The above are latest version at this point (September 2022).
You can always check latest version of swiper.js on the official website.

When using ES Modules, please be aware that the URL for the CDN may change from the usual.
※ It seems that it has been integrated since Swiper11.

<script type="module">
    import Swiper from 'https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.esm.browser.min.js'

Please refer below article if you want to know How to make Swiper slider.
[Swiper] How to create a simple slider with swiper.js

And we have been introduced various slider which can be made by Swiper.js.
Swiper Demo 22 Slider

Sponsored Link

You can subscribe by SNS

Sponcerd Link

Leave a Reply