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 are needed.
I hope you like it and don’t forget to spread the world.
Originally Published Nov 07 2017, updated Jan 10 2022
1. Draggable & Touch-friendly Slider Carousel In Pure JS
A responsive, mobile-friendly slider carousel component written in JavaScript and CSS/CSS3.
2. Flip Through Elements In A 3D Space
A vanilla JavaScript carousel plugin to flip through elements in a 3D space just like the Cover Flow.
3. Infinite Multi-slide Carousel In Pure JavaScript – elder-carousel
A standalone JavaScript plugin to create a basic responsive carousel that supports multiple items per slide.
4. Basic 3D Carousel In Pure JavaScript
A very basic 3D coverflow style carousel/rotator implemented in pure JavaScript and CSS/CSS3.
5. embla-carousel
The embla-carousel JavaScript library helps developers to create a responsive, customizable, mobile-friendly carousel component on the web app.
6. Touch-enabled Carousel / Slider with Pure JavaScript – PureJSCarousel
A standalone JavaScript library that helps you create basic, touch-friendly slider / carousel with lots of customization options.
7. Netflix Like Hover Carousel In Pure CSS – flix-carousel
A pure CSS library to create an interactive hover carousel inspired by Netflix.
8. CSS Flexbox Image Carousel
A smooth, elegant, responsive background image slider/carousel built using CSS flexbox and html radio inputs.
9. Pure CSS Content Carousel with Arrows & Bullets Navigation
A pure CSS/CSS3 based content carousel/slideshow that allows to present a group of Html elements through user interaction.
10. Cover Flow Style Card Carousel In Pure CSS
A stylish, responsive, cover flow style card carousel implemented in pure CSS and lable+radio tricks.
Read More:
Want to have a carousel slider implemented in jQuery or Pure CSS? Check out our Best Carousels post.