DEV Community

loading...
Cover image for Top 5 Javascript Carousel Libraries

Top 5 Javascript Carousel Libraries

mycodemagic profile image MyCodeMagic ・2 min read

1. Swiper

https://swiperjs.com/
Alt Text

Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.

2. Owl Carousel 2

https://owlcarousel2.github.io/OwlCarousel2/
Alt Text

Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider. Owl Carousel has been chosen as the number one jQuery plugin by hundreds of developers. Now its time for a new version that comes with lots of new features and an even more user-friendly API.

3. Slick Slider

https://kenwheeler.github.io/slick/
Alt Text

Fully responsive. Scales with its container. Separate settings per breakpoint Uses CSS3 when available. Fully functional when not. Swipe enabled. Or disabled, if you prefer. Desktop mouse dragging Infinite looping. Fully accessible with arrow key navigation Add, remove, filter & unfilter slides Autoplay, dots, arrows, callbacks, etc...

4. ItemSlider

https://github.com/codrops/ItemSlider
Alt Text

A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.

5. blueimp Gallery

https://blueimp.github.io/Gallery/
Alt Text

blueimp Gallery is a touch-enabled, responsive and customizable image & video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers. It features swipe, mouse and keyboard navigation, transition effects, slideshow functionality, fullscreen support, and on-demand content loading and can be extended to display additional content types.



I hope This information is help to use Silder for your website. also comment me whitch slider you use and most usefull Slider library name....


Also visit our website mycodemagic

Discussion (5)

pic
Editor guide
Collapse
gulajavaministudio profile image
Gulajava Ministudio

OwlCarousel is deprecated and archived btw. You can check in their Github
github.com/OwlCarousel2/OwlCarousel2

As alternative, they recommended Tiny Slider library, with Vanilla JavaScript and without jquery of course.
github.com/ganlanyuan/tiny-slider

Collapse
rickydazla profile image
Rick Davies

With > 1k issues and major regressions in the [reverted] latest version, Slick has also been going the way of the dodo for some time.

Collapse
eduardonwa profile image
Eduardo Cookie Lifter

Cool list, have you heard about Flickity? I used that on my blog, I think its fine. flickity.metafizzy.co/

Collapse
mycodemagic profile image
MyCodeMagic Author

Sure i will check and to use in my project

Collapse
chatojavier profile image
Javier Benavides

What about Gide and Splide? What do you think about these libraries?