Vanilla JS Carousel is a JavaScript Slider plugin for navigating objects in a 3D space just like Cover Flow.

Getting started

• Clone or download the repo.
• Open the repo and cd into your project.
• Open index.html in your browser or run open index.html in your terminal.

Features:

• Navigation controls.
• Pagination bullets.
• Transition with a glide effect.
• infinite loop.

Must Read: A Drag-n-Drop File Upload Vanilla JS Library | SimpleDropit

How to make use of it:

1. Load the wanted JavaScript and CSS files within the HTML.

<link rel="stylesheet" href="carousel.css" />
<script src="carousel.js"></script>

2. Code the HTML for the carousel & controls.

<div class="gallery">
  <div class="gallery-container">
    <img class="gallery-item" src="1.jpg">
    <img class="gallery-item" src="2.jpg">
    <img class="gallery-item" src="3.jpg">
    <img class="gallery-item" src="4.jpg">
    <img class="gallery-item" src="5.jpg">
  </div>
  <div class="gallery-controls"></div>
</div>

See Also –

Easy Responsive Ideal Image Slider Carousel in vanilla JS
Lightweight Vanilla JS Custom HTML Slider | FakeScroll
Inertia Scroll and Parallax Effect Plugin In Vanilla JS | luxy.js

See Demo And Download

Official Website(benkimo6i): Click Here

This superior jQuery/javascript plugin is developed by benkimo6i. For extra Advanced usage, please go to the official website.