Introduction
slick is “the last carousel you'll ever need” — a carousel/slider plugin for web pages.
## Features
- Fully responsive. Scales with its container.
- Separate settings per breakpoint
- Uses CSS3 when available. Fully functional when not.
- Swipe enabled. Or disabled, if you prefer.
- Desktop mouse dragging
- Infinite looping.
- Fully accessible with arrow key navigation
- Add, remove, filter & unfilter slides
- Autoplay, dots, arrows, callbacks, etc...
## Demos and options
slick includes examples for Single Item, Multiple Items, Responsive Display, Variable Width, Adaptive Height, Data Attribute Settings, Center Mode, Lazy Loading, Autoplay, Fade, Add & Remove, Filtering, Destroy, Slider Syncing, and Right to Left.
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.
## Getting Started
Set up your HTML markup. Move the `/slick` folder into your project. Add `slick.css` in your `<head>`; add the new `slick-theme.css` if you want the default styling. Add `slick.js` before your closing `<body>` tag, after jQuery (requires jQuery 1.7 +). Initialize your slider in your script file or an inline script tag.
NOTE: I highly recommend putting your initialization script in an external JS file.
Responsive carouselBreakpoint settingsCSS3SwipeMouse draggingInfinite loopingLazy loadingAutoplay
Screenshots
Deployment
本地静态文件引入
适用于将下载的 /slick 目录放入项目并在页面中手动引入 slick.css、slick-theme.css 与 slick.min.js 的传统网页项目。
jsDelivr CDN
适用于不想托管静态资源、希望直接通过 CDN 引入 slick 的 CSS 与 JS 的前端页面。
WordPress
适用于在 WordPress 站点中使用官方页面提供的 WordPress 入口来集成 slick 轮播。
Details
Type Open-source software
License MIT
Last verified 2026-07-18
Ad slot 300 × 250 Ad
About the data
Stars / commit times sync automatically from the GitHub API; pricing and features are human-verified.