The Looped Dual Row Image Slider is a dynamic, responsive carousel built with pure HTML, CSS, and vanilla JavaScript, designed to display two rows of sliding content simultaneously. It features infinite looping, smooth horizontal transitions, and a custom dual-layer structure that enhances the visual appeal of product displays, portfolios, testimonials, or banners.

With the ability to move both rows together using navigation arrows, this slider component offers a clean, modern interface suitable for both desktop and mobile experiences. Its cloning logic allows seamless infinite scrolling without breaks, giving it a polished, premium feel.

Developed by Asicoder, this component follows modern frontend standards and is ideal for integration in landing pages, product sections, or any UI requiring engaging image sliders.

🔑 Key Features

• Dual row slider layout

• Infinite loop with seamless transition

• Built with pure HTML, CSS & JavaScript

• No third-party libraries required

• Fully responsive and mobile friendly

• Supports any number of images

• Smooth navigation with transition reset logic

• Easy to customize slide width, height, and design

• Suitable for portfolios, banners, products, etc.