So nutzt du: Slick Slider Generator
- Pick options for your Slick slider and the slide content: demo panels, your own image URLs or cards.
- Set slides per view for desktop, tablet and mobile, the gap, effect, loop, autoplay, arrows and pagination.
- Check the live preview at desktop, tablet and mobile widths.
- Copy the HTML, CSS and JavaScript (CDN or npm), or download a complete HTML page.
About Slick
Slick (“the last carousel you’ll ever need”) was the default jQuery carousel for years and is still embedded in many WordPress themes, Shopify stores and legacy sites. It supports responsive breakpoints, center mode, fade, vertical sliding, lazy loading and autoplay. Its last release (1.8.1) dates from 2017 and it requires jQuery.
Slick options
| Option | Meaning |
|---|---|
slidesToShow / slidesToScroll | Visible slides and how many move per click |
responsive | Array of { breakpoint, settings }; each applies below the breakpoint width |
infinite | Loop the slides |
autoplay, autoplaySpeed | Automatic playback and delay |
fade | Cross-fade (one slide at a time) |
centerMode | Centers the active slide with partial neighbors |
Gaps between slides
Slick has no gap option. The generated CSS adds horizontal margin to .slick-slide and a negative margin on .slick-list so the outer edges stay aligned.
Should you still use Slick?
For an existing site that already loads jQuery and Slick, keeping it consistent is reasonable. For anything new, Swiper or Splide are smaller, maintained, more accessible and need no jQuery — switch the library above and the generator converts your settings.
| Swiper | Splide | Glide.js | Slick | |
|---|---|---|---|---|
| Size (min + gzip, JS) | ~40 KB (bundle) | ~12 KB | ~7 KB | ~12 KB + jQuery ~30 KB |
| Dependencies | None | None | None | jQuery |
| Effects | Slide, fade, cube, coverflow, flip, cards, creative | Slide, fade | Slide | Slide, fade |
| Vertical | Yes | Yes | No | Yes |
| Accessibility | Good (a11y module) | Excellent (ARIA by default) | Basic | Basic |
| Maintained | Yes | Yes | Slowly | No (last release 2017) |
| License | MIT for all four | |||
Auch gesucht als: slick slider, slick carousel, slick slider example, slick responsive, slick autoplay, jquery carousel, slick cdn.
Passende Tools zu: Slick Slider Generator
- Slider & Carousel Generator — Configure a carousel with clicks instead of reading docs: choose a library, set breakpoints, effects and controls, watch the live preview and copy production-ready HTML, CSS and JavaScript.
- Swiper Slider Generator — Configure Swiper 11 with a visual editor — responsive breakpoints, effects, autoplay, pagination types and more — and copy ready-to-use HTML, CSS and JavaScript.
- Splide Slider Generator — Build an accessible, lightweight Splide carousel without reading the docs — set the options, check the preview at three screen sizes and copy the code.
- Online HTML Editor — A lightweight code playground: edit HTML, CSS and JavaScript side by side, see the result instantly, read console output and download your page as one HTML file.
Häufige Fragen
Does Slick require jQuery?
How do I add space between Slick slides?
.slick-slide and a matching negative margin on .slick-list; the generator writes this from the gap value.