Navigate:
~$SLICK0.0%

slick: A jQuery carousel library

Responsive jQuery plugin for touch-enabled content carousels.

LIVE RANKINGS • 10:20 AM • STEADY
OVERALL
#441
12
FRONTEND
#40
1
30 DAY RANKING TREND
ovr#441
·Front#40
STARS
28.6K
FORKS
5.8K
7D STARS
0
7D FORKS
-4
See Repo:
Share:

Learn more about Slick

slick is a jQuery plugin that implements carousel functionality for displaying sequences of content with navigation controls. It uses jQuery for DOM manipulation and event handling, with CSS3 transitions for animations and support for fallback easing functions. The library provides extensive configuration options through both HTML data attributes and JavaScript initialization, allowing responsive behavior across different screen sizes through breakpoint-based settings. Common use cases include product galleries, image sliders, testimonial carousels, and content rotation on websites.

Slick

1

Data attribute configuration

Settings can be defined directly in HTML using data-slick attributes, reducing the need for separate JavaScript initialization code while still requiring explicit plugin invocation.

2

Responsive breakpoint system

The responsive option accepts an array of breakpoint objects that apply different settings at specified screen widths, with support for mobile-first or desktop-first calculation modes.

3

Synchronized multi-slider support

The asNavFor option enables multiple carousel instances to be linked together, allowing one slider to control navigation of another, useful for thumbnail galleries paired with main content displays.


$('.product-gallery').slick({
  dots: true,
  infinite: true,
  speed: 300,
  slidesToShow: 1,
  autoplay: true
});


[ EXPLORE MORE ]

Related Repositories

Discover similar tools and frameworks used by developers