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 Aug 21 2019
1. 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.
2. Glider.js
Glider.js is a lightweight but powerful JavaScript plugin to create responsive, accessible, touch-enabled carousels/scrollers for the web.
3. lory
lory is a Vanilla JavaScript library that makes it easier to create a touch-enabled content slider/scroller with arrows navigation. Also provides a jQuery plugin which allows you to implement a minimal slider in your jQuery projects.
4. tiny-slider
A tiny yet feature-rich content slider built using pure JavaScript and plain Html / CSS.
5. Ideal Image Slider
Ideal Image Slider is a standalone and easy-to-use JS library that lets you create responsive, accessible, extensible, touchable, retina-ready images sliders with smooth CSS3 powered slide or fade transitions.
6. 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.
7. embla-carousel
The embla-carousel JavaScript library which helps developers to create a responsive, customizable, mobile-friendly carousel component on the web app.
8. bulma-carousel
Bulma’s extension to display a Carousel.
9. Portfolio.js
Portfolio.js is a vanilla JavaScript library to create a responsive, horizontal, scrollable image carousel that has the ability to lazy load images on scroll.
10. Basic Infinite Carousel with Vanilla JavaScript
A pure vanilla JavaScript library helps you create a simple image slider with basic carousel functionalities such as infinite scrolling, autoplay, pagination and navigation.
Read More:
Want to have a carousel slider implemented in jQuery or Pure CSS? Check out our Best Carousels post.