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.
https://swiperjs.com/get-started#use-swiper-from-cdn
You can always check latest version of swiper.js on the official website.
https://swiperjs.com/get-started#use-swiper-from-cdn
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'
</script>
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
