Slick carousel for web projects

Slick carousel – the last carousel you’ll ever need.

Slick carousel in action

Implement slick carousel in your project with no pain. To start working with Slick right away, there’s a couple of CDN choices availabile to serve the files as close, and fast as possible. Lazy load images included. And rich settings – more information here.

A great JS carousel: slick
A great JS carousel: slick


npm install slick-carousel

In slick 1.5 you can now add settings using the data-slick attribute. You still need to call $(element).slick() to initialize slick on the element.


<div data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'>

License: MIT




See also

Responsive ReactJS carousel gallery: react-image-gallery

jQuery circular carousel plugin

Flip Carousel – a jQuery and CSS3 carousel plugin with flipping effects

jQuery Carousel-3D plugin – a cross browser 3D Carousel

Touch-friendly jQuery carousel plugin – microfiche.js

Animate scroll JavaScript / jQuery – animatescroll.js

How to detect images loaded – imagesLoaded jQuery plugin

Javascript Image Slider – Non jQuery

Responsive photo gallery slider – Jslide