DEV Community

Cover image for Top 5 Javascript Carousel Libraries

Posted on

Top 5 Javascript Carousel Libraries

1. Swiper
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
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
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
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
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 (7)

gulajavaministudio profile image
Gulajava Ministudio

OwlCarousel is deprecated and archived btw. You can check in their Github

As alternative, they recommended Tiny Slider library, with Vanilla JavaScript and without jquery of course.

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.

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 - for one.

eduardonwa profile image
Eduardo Cookie Lifter

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

mycodemagic profile image

Sure i will check and to use in my project

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:

chatojavier profile image
Javier Benavides

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