10 Best JavaScript & CSS Carousel Libraries (2024 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 are needed.

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

Originally Published Nov 07 2017, updated Jan 01 2024

Table Of Contents:

Vanilla JavaScript Carousel:

1. Multi-item Carousel For Bootstrap 5

Just another JavaScript & CSS extension to create a responsive and multi-item carousel using Bootstrap 5’s carousel component.

Multi-item Carousel For Bootstrap 5

[Demo] [Download]


2. Flip Through Elements In A 3D Space – Carousel.js

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

Flip Through Elements In A 3D Space – Carousel.js

[Demo] [Download]


3. Infinite Carousel Slider With Autoplay

A tiny, flexible, infinite-looping, auto-rotating carousel slider written in pure JS without jQuery.

Infinite Carousel Slider With Autoplay

[Demo] [Download]


4. Basic 3D Carousel In Pure JavaScript

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

Basic 3D Carousel In Pure JavaScript

[Demo] [Download]


5. Cool Image Slider Carousel With JavaScript And Tailwind CSS

A pretty cool image slider carousel written in vanilla JavaScript and styled with Tailwind.css.

Cool Image Slider Carousel With JavaScript And Tailwind CSS

[Demo] [Download]


6. Full-featured Slider/Carousel Plugin – Splide

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

Full-featured Slider/Carousel Plugin – Splide

[Demo] [Download]


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

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

Draggable & Touch-friendly Slider Carousel In Pure JS

[Demo] [Download]


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

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

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

[Demo] [Download]


9. Scroll-triggered Card Carousel With GSAP

An infinitely scrolling card carousel implemented with the GSAP Animation Library.

Scroll-triggered Card Carousel With GSAP

[Demo] [Download]


10. Swipeable Image Carousel In Vanilla JavaScript – otslider

AA simple-to-use, mobile-friendly, fully-responsive and cross-browser image carousel slider written in Vanilla JavaScript and CSS/CSS3.

Swipeable Image Carousel In Vanilla JavaScript – otslider

[Demo] [Download]


CSS Only Carousel:

1. Netflix-style Image Carousel With Pure CSS

A pure CSS implementation of the Netflix-style carousel slider with infinite scroll support – there is no JavaScript and super fast loading.

Netflix-style Image Carousel With Pure CSS

[Demo] [Download]


2. CSS Only Infinite Carousel

A simple infinitely looping carousel built on top of plain HTML and CSS/CSS3.

CSS Only Infinite Carousel

[Demo] [Download]


3. Cover Flow Style Card Carousel In Pure CSS

A stylish, responsive, cover flow style card carousel implemented in pure CSS and lable+radio tricks.

Cover Flow Style Card Carousel In Pure CSS

[Demo] [Download]


4. Responsive Carousel Slider With No JS – Carousel.CSS

A pure CSS slider library to display HTML content in a responsive horizontal carousel format without the overhead of a JS plugin.

Responsive Carousel Slider With No JS – Carousel.CSS

[Demo] [Download]


5. Infinite Marquee Carousel With Pure CSS

A lightweight project that allows you to build automatic, infinitely scrolling carousels using only CSS.

Infinite Marquee Carousel With Pure CSS

[Demo] [Download]


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: