10 Best JavaScript Carousel Libraries (2020 Update)

Want to have an elegant and easy-to-use Carousel/Slider component showcase images, products, logos, quotes testimonials?

Here is a constantly updated list of the 10 best Carousels (Sliders) we published on CSSScript.com.

All of them are implemented in Vanilla JavaScript or Pure CSS. No 3rd libraries or frameworks needed.

I hope you like it and don’t forget to spread the world.

Originally Published Nov 07 2017, updated May 05 2020

1. Responsive and Flexible Mobile Touch Slider – Swiper

Responsive and Flexible Mobile Touch Slider - Swiper

Demo Download

Swiper is a powerful javascript library to implement responsive, accessible, flexible, touch-enabled carouses/sliders on your mobile websites and apps.


2. Responsive & Flexible Content Slider Plugin – flickity

Responsive & Flexible Content Slider Plugin - flickity

Demo Download

Touch, responsive, flickable carousels.


3. Responsive Slider Plugin with CSS3 Transitions – Glide.js

Responsive Slider Plugin with CSS3 Transitions - Glide.js

Demo Download

A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more.


4. Basic Image Carousel With Pure JavaScript – siema.js

siema-js

Demo Download

siema.js is a minimal vanilla JavaScript plugin used for generating a basic yet customizable and draggable slider/carousel without any 3rd dependencies.


5. tiny-slider

tiny-slider

Demo Download

A tiny yet feature-rich content slider built using pure JavaScript and plain Html / CSS.


6. Glider.js

Mobile-friendly Carousel Scroller In Pure JS - Glider.js

Demo Download

Glider.js is a lightweight but powerful JavaScript plugin to create responsive, accessible, touch-enabled carousels/scrollers for the web.


7. Dead Simple Image Carousel In Pure JavaScript – simpleSlider.js

simple-slider

Demo Download

simpleSlider.js is an ultra-light JavaScript slider plugin for creating a responsive, CSS-less, touch swipe-enabled, fully configurable image carousel with smooth rAF powered animations.


8. egjs-flicking

egjs-flicking

Demo Download

A reliable, flexible and extendable carousel.


9. Lightweight Touch-enabled Swiper In Pure JavaScript – tiny-swiper

Lightweight Touch-enabled Swiper In Pure JavaScript - tiny-swiper

Demo Download

A small yet fully configurable and touch-enabled swiper for creating responsive, mobile-friendly sliders, one-page scrolling webpages, single-page applications, and more.


10. embla-carousel

Draggable & Touch-friendly Carousel In Vanilla JavaScript - embla-carousel

Demo Download

The embla-carousel JavaScript library which helps developers to create a responsive, customizable, mobile-friendly carousel component on the web app.


Read More:

Want to have a carousel slider implemented in jQuery or Pure CSS? Check out our Best Carousels post.

You Might Be Interested In: