10 Best JavaScript & CSS Carousel Libraries (2021 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 Jan 06 2021

1. Draggable & Touch-friendly Slider Carousel In Pure JS

Draggable & Touch-friendly Slider Carousel In Pure JS

Demo Download

A responsive, mobile-friendly slider carousel component written in JavaScript and CSS/CSS3.


2. embla-carousel

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

Demo Download

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


3. Flip Through Elements In A 3D Space

Flip Through Elements In A 3D Space

Demo Download

A vanilla JavaScript carousel plugin to flip through elements in a 3D space just like the Cover Flow.


4. Basic 3D Carousel In Pure JavaScript

Basic 3D Carousel In Pure JavaScript

Demo Download

A very basic 3D coverflow style carousel/rotator implemented in pure JavaScript and CSS/CSS3.


5. Infinite Multi-slide Carousel In Pure JavaScript – elder-carousel

Infinite Multi-slide Carousel In Pure JavaScript – elder-carousel

Demo Download

A standalone JavaScript plugin to create a basic responsive carousel that supports multiple items per slide.


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. Full-featured Slider/Carousel Plugin – Splide

Full-featured Slider/Carousel Plugin – Splide

Demo Download

A lightweight, responsive, accessible, mobile-friendly, full-featured slider/carousel plugin implemented in pure JavaScript and CSS/CSS3.


8. Netflix Like Hover Carousel In Pure CSS – flix-carousel

Netflix Like Hover Carousel In Pure CSS – flix-carousel

Demo Download

A pure CSS library to create an interactive hover carousel inspired by Netflix.


9. Touch-enabled Carousel / Slider with Pure JavaScript – PureJSCarousel

Touch-enabled Carousel / Slider with Pure JavaScript – PureJSCarousel

Demo Download

A standalone JavaScript library that helps you create basic, touch-friendly slider / carousel with lots of customization options.


10. 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.


Read More:

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

See Also:

You Might Be Interested In: