swipe

ui-component carousel mobile-support

Swipe is a lightweight mobile slider library that supports 1-to-1 touch movement. It is optimized for providing a smooth sliding experience on mobile devices.

Latest Ver 2.0.0

Homepage

Github

6,782

📢 A lightweight and efficient library for implementing mobile sliders

CDN Download

License: MIT

Asset Type :

View All Versions

https://cdnjs.cloudflare.com/ajax/libs/swipe/2.0.0/swipe.js

https://cdnjs.cloudflare.com/ajax/libs/swipe/2.0.0/swipe.min.js

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

📄 HTML
<div class="swipe" id="slider"><div class="swipe-wrap"><div>Pane 1</div><div>Pane 2</div><div>Pane 3</div></div></div><script src="path_to_swipe_js"></script><script>var mySwipe = new Swipe(document.getElementById('slider'));</script>

🎨 External CSS
<link href="path_to_swipe_css" rel="stylesheet">

🧩 External JS
<script src="path_to_swipe_js"></script>

⚙️ JavaScript
var mySwipe = new Swipe(document.getElementById('slider'));