workflowstacks
ai-agent

Slick

The last carousel you'll ever need
28,565 stars5,750 forksJavaScriptUpdated 7/24/2026100% free · open source
What it does

Slick is a JavaScript library that creates a customizable and responsive carousel for showcasing content on websites and applications.

Install / run
You can include Slick in your project by adding the script tag <script type='text/javascript' src='//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js'></script> to your HTML file or by using a package manager like npm with the command npm install slick-carousel
When to use it
  • Creating a responsive image gallery for an e-commerce website
  • Building a featured content slider for a blog or news site
  • Developing a mobile-friendly carousel for a web application
Quick start
  1. 1Include the Slick CSS file in your HTML file with the link tag <link rel='stylesheet' type='text/css' href='//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css'/>
  2. 2Create a div element with the class 'slick-slider' to contain your carousel content
  3. 3Add the Slick initialization code to your JavaScript file, for example: $(document).ready(function(){ $('#your-carousel-id').slick(); });
  4. 4Configure Slick options, such as the number of slides to show or the autoplay speed, by passing an options object to the slick() method, for example: $('#your-carousel-id').slick({ slidesToShow: 3, autoplay: true, autoplaySpeed: 2000 });
  5. 5Use the Slick events, such as 'beforeChange' or 'afterChange', to add custom functionality to your carousel
Ready-to-paste prompt
$('#my-carousel').slick({ infinite: true, slidesToShow: 3, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000 });
Heads up: Make sure to include the jQuery library before the Slick script, as Slick relies on jQuery to function properly, and ensure that your HTML structure is valid and consistent to avoid issues with Slick's layout and functionality.
Saves to your device
How Slick works
Codeflow
Free to inspect

Slick is a medium JavaScript project (~3.5k lines across 2 code files). Expect some technical setup — comfortable with a terminal, or ask a developer. Last commit a month ago, MIT license, no tests found.

Size
Medium codebase
~3.5k lines · 2 code files · 29 min skim
Setup
Some technical setup
Comfortable with a terminal? 20–40 min. Otherwise ask a dev.
Runs on
Node.js
No API keys detected
JavaScript 78%HTML 8%SCSS 5%Less 5%CSS 4%
Where to start reading
  1. 1
    README.markdown
    Start here — what it does and how to install it
  2. 2
    package.json
    Dependencies and the commands it exposes
  3. 3
    slick/slick.js
    Inside slick/ — the main logic begins here
What's in each folder
slick/Core code — the actual logic13 files
READMENo tests foundThin docsNo CIMIT licenseUpdated this month
Quick Actions
Details
Creator
kenwheeler
Language
JavaScript
Category
ai-agent
Published
3/24/2014

Are you the creator of this tool? Claim your listing → and earn 85% of every sale.