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-carouselWhen 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
- 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'/>
- 2Create a div element with the class 'slick-slider' to contain your carousel content
- 3Add the Slick initialization code to your JavaScript file, for example: $(document).ready(function(){ $('#your-carousel-id').slick(); });
- 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 });
- 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
- 1README.markdownStart here — what it does and how to install it
- 2package.jsonDependencies and the commands it exposes
- 3slick/slick.jsInside slick/ — the main logic begins here
What's in each folder
READMENo tests foundThin docsNo CIMIT licenseUpdated this month
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.
Related skills
More ai-agent tools founders pair with this one.
ai-agent★ 276,436
Track GitHub Stars with 996.ICU
Get a popular GitHub star counter for your startup, backed by 276k+ GitHub stars, ideal for founders.
ai-agent★ 264,191
Superpowers
An agentic skills framework & software development methodology that works.
ai-agent★ 244,424
Linux: Open Source Kernel
Get the Linux kernel source tree for custom development, ideal for startup founders in need of a flexible OS foundation with 236k+ GitHub stars
ai-agent★ 204,069
Improve Code with andrej-karpathy-skills
Get better code behavior with andrej-karpathy-skills, 165k+ GitHub stars, for founders using LLMs.
ai-agent★ 189,101
Simplify Zsh with ohmyzsh
Get a customizable terminal experience with ohmyzsh, perfect for startup founders, backed by 188k+ GitHub stars.
ai-agent★ 187,262
FreeDomain: Free Website Domain
Get a free domain with FreeDomain. For startup founders.