kenwheeler/slick

Slick is a JavaScript carousel library, it lets you add a sliding image or content carousel to a web page. A carousel is the kind of display where a row of items (photos, cards, products) can be scrolled or swiped through one at a time, with navigation arrows or dots. Slick plugs into jQuery (a JavaScript library for manipulating web pages) and turns any group of HTML elements into a fully functional slider. To use it, you add the Slick CSS and JavaScript files to your page (either from a CDN, a file delivery service, or installed via npm), then call a single function on any HTML container: $(element).slick(). From that point the element becomes a carousel with sensible defaults, but almost everything is configurable. The README shows an extensive settings table. Key options include: how many slides to show at once, how many to advance per click, autoplay with a speed interval, infinite looping, fade transitions, center mode with partial slides visible on the sides, lazy-loading for images, vertical scrolling, and touch/swipe support for mobile. A responsive option lets you define different settings at different screen widths, so the carousel behaves differently on mobile versus desktop. Slick also fires events like beforeChange and afterChange that you can listen to in your JavaScript to trigger other actions when slides change. The library is written in JavaScript and works on any web page that includes jQuery. It is relevant whenever you need to display a horizontal scrolling row of content, image galleries, product listings, testimonials, or any repeating card layout. The full README is longer than what was provided.