DEV Community

Cover image for Responsive Multi-Item Carousel CSS-JavaScript
Arohi Saxena
Arohi Saxena

Posted on

Responsive Multi-Item Carousel CSS-JavaScript

That's right Fellas, No need for Plugins, Bootstrap and jQuery to get Multi-item Carousel for your websites.

This is one responsive carousel for multiple items that displays 4 items per slide on Desktop and 2 items on devices like iPad and 1 item on devices like mobile.

You can customize it, according to your need. You can use your own styling, any of the Preprocessors or Frameworks and your own material inside the carousel items.

This multi-item Carousel has auto-play enabled and on Navigation via dashes, It slides 4 Present items at once and after 5 seconds, it enables auto-play again.

Look Of multi-item Carousel

Here, Click on this Code Pen Snippet.

Feel free to comment for any further suggestions or edits and if it could help you, Please let me know in the comment section below.

Top comments (0)