DEV Community

Cover image for Top 5 Javascript Carousel Libraries
 My Code Magic
My Code Magic

Posted on

Top 5 Javascript Carousel Libraries

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

Top comments (9)

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
 
nicped profile image
Nicolai Høeg Pedersen

Except owl they are all nice. But there is also new options available that has a very different approach to handle the sliding resulting in a much smaller footprint - swiffyslider.com/ for one.

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
My Code Magic

Sure i will check and to use in my project

Collapse
 
jducrot profile image
Jean Ducrot

As others pointed out, slick slider hasn't been maintained in years and more importantly it's far from accessible. Accessible360 has released an updated version of that library that should be updated and more accessible: accessible360.github.io/accessible...

Collapse
 
sameech profile image
Samee Ch

I personally used slick slider and that's easy to use.

Collapse
 
chatojavier profile image
Javier Benavides

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

Collapse
 
pitnap_pitnap_29d957dfc9e profile image
pitnap pitnap

I personally use lanox.io carousel. It is a web component and does not require any Java script code.