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
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
Touch, responsive, flickable carousels.
3. Responsive Slider Plugin with CSS3 Transitions – Glide.js
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 is a minimal vanilla JavaScript plugin used for generating a basic yet customizable and draggable slider/carousel without any 3rd dependencies.
5. tiny-slider
A tiny yet feature-rich content slider built using pure JavaScript and plain Html / CSS.
6. Glider.js
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
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
A reliable, flexible and extendable carousel.
9. Lightweight Touch-enabled Swiper In Pure JavaScript – tiny-swiper
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
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.