Features

Every capability on one page — the kenwheeler tour, for Vue.

Single item

The default: one slide, arrows and dots.

5

6

1

2

3

4

5

6

1

2

Multiple items

slidesToShow / slidesToScroll.

6

7

8

9

1

2

3

4

5

6

7

8

9

1

2

3

4

Responsive

Breakpoint-driven settings.

4

5

6

7

8

1

2

3

4

5

6

7

8

1

2

3

4

5

Fade

Crossfade instead of sliding.

1

2

3

4

Center mode

Centered active slide with peeking neighbors.

3

4

5

6

1

2

3

4

5

6

1

2

3

4

Variable width

Slides sized by their content.

200px

240px

180px

280px

140px

320px

200px

240px

180px

280px

Adaptive height

The list height follows the slide.

100px

180px

140px

220px

Lazy load

data-lazy images load on demand.

Autoplay

Interval advance with pause on hover/focus.

3

4

5

6

1

2

3

4

5

6

1

2

3

4

Vertical

Vertical track and vertical swiping.

3

4

5

6

1

2

3

4

5

6

1

2

3

4

RTL

Mirrored, right-to-left.

3

4

5

6

1

2

3

4

5

6

1

2

3

4

Rows grid

rows × slidesPerRow.

1

2

3

4

5

6

7

8

9

10

11

12

Synced sliders

asNavFor navigation pairing.

5

6

1

2

3

4

5

6

1

2

2

3

4

5

6

1

2

3

4

5

6

1

2

3

4

5

Focus on select

Click a partially-visible slide to travel to it.

3

4

5

6

1

2

3

4

5

6

1

2

3

4

Swipe to slide

Free dragging to the nearest slide.

1

2

3

4

5

6

7

8

9

Unslick

A breakpoint that turns the carousel off.

3

4

5

6

1

2

3

4

5

6

1

2

3

4

Custom arrows

Arrow slots with your own markup.

3

4

5

6

1

2

3

4

5

6

1

2

3

4

Custom dots

Per-dot content via #custom-paging.

5

6

1

2

3

4

5

6

1

2