kenwheeler/slick

Slick is a small library for putting a carousel on a web page. A carousel is the slideshow-style component you often see at the top of homepages, where a few images or panels rotate or can be swiped through one at a time. The project's tagline calls it the last carousel you will ever need, meaning it aims to cover most of the options people typically want from this kind of widget without needing to reach for another library. To use it, you drop in a stylesheet and a script (either from a content delivery network or installed through a package manager like npm or Bower), then call it on a chosen element on your page. From there you control behavior through a long list of settings. You can turn on navigation arrows and indicator dots, autoplay with a chosen speed, infinite looping, fading between slides instead of sliding, lazy loading of images, dragging with the mouse, swiping on touch screens, right-to-left direction, vertical scrolling, a grid mode that arranges slides in rows, and a centered view that peeks at neighboring slides. A responsive option lets you change settings at chosen breakpoints, or even turn the carousel off entirely below a certain screen width. The library also exposes events such as before and after a slide change, when an edge is hit in non-infinite mode, on swipe, on breakpoint changes, and on initialization or destruction, so other code on the page can react to what the carousel is doing. The primary language is JavaScript, and the snippets in the README use jQuery selector syntax.