Yogesh Chauhan's Blog

Use SwiperJS to create mobile touch sliders fast

in Miscellaneous on July 31, 2021

Swiper is free modern mobile touch slider.

Here’s their github repo.

The native behaviour it provides is pretty amazing.

I know there are plenty of libraries out there but give this a chance. I do not make any money promoting this product. I just like it.

Even though their tagline is “Most Modern Mobile Touch Slider” on their website, you can use it on websites – desktop and mobile, mobile apps and more.

Swiperjs is not compatible with all platforms since their focus is more on modern apps/platforms.

Demo

Here’s a quick demo on JSFiddle.

You have tons of options to play with. You can have pagination, progress, scrollbars, loops, effects, zoom, gallery, parallax and many more options.

Checkout the demos from SwiperJS official website


Most Read

#1 Solution to the error “Visual Studio Code can’t be opened because Apple cannot check it for malicious software” #2 How to add Read More Read Less Button using JavaScript? #3 How to check if radio button is checked or not using JavaScript? #4 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #5 PHP Login System using PDO Part 1: Create User Registration Page #6 How to uninstall Cocoapods from the Mac OS?

Recently Posted

#Apr 8 JSON.stringify() in JavaScript #Apr 7 Middleware in NextJS #Jan 17 4 advanced ways to search Colleague #Jan 16 Colleague UI Basics: The Search Area #Jan 16 Colleague UI Basics: The Context Area #Jan 16 Colleague UI Basics: Accessing the user interface
You might also like these
Optional arguments, Default parameters and REST parameters in JavaScriptJavaScriptHow to retrieve homepage URL in WordPress?WordPressWhat is ECMAScript?JavaScriptA complete diagram with building blocks of an Angular applicationAngularHow to host Google fonts on your server and add them using CSS?CSSWordPress: How to get field values in Advanced Custom Fields?WordPressHow to add Read More Read Less Button using JavaScript?JavaScriptHow to read Standard Input in Swift?SwiftWhat’s the difference between visibility: hidden and display: none?CSSHow to make a UILabel clickable in Swift 5?SwiftHow to auto-resize textarea based on text input using JavaScript or jQuery?JavaScriptHow to Validate User Name, Email Address and URL in PHP?PHP