This is a hand-coded, lightweight, and fully customizable infinite image slider built using pure HTML, CSS, and JavaScript — without any third-party libraries. It features a seamless auto-playing loop, dot navigation, and next/previous controls. Perfectly suited for developers who want a clean, dependency-free image slider with smooth transitions and easy integration.

This slider is built from scratch, featuring a clone logic that gives a true infinite scroll experience by appending and prepending slides dynamically. It’s ideal for portfolios, landing pages, banners, or showcasing products in a visually engaging way.

🔑 Key Features:

• 100% Custom-built — no libraries or frameworks used

• Seamless infinite loop using slide cloning

• HTML5 + CSS3 + Vanilla JavaScript

• Responsive layout for mobile & desktop

• Smooth animated transitions

• Dot indicators with active state

• Arrow buttons for manual navigation

• Auto-play enabled with smooth loop

• Fully editable and lightweight code

• Easy integration into any website

🧩 Files Included:

• index.html (main structure)

• style.css (fully styled, responsive design)

• script.js (custom JavaScript for slider logic)

• Demo images for testing

💡 Use Cases:

• Developer projects

• HTML templates

• Portfolio websites

• Landing page hero sliders

• Product image sliders

• Custom UI/UX components