A Carousel component with TypeScript support and numerous features made for Vue 3.

Features

V Slick Carousel is a carousel component with TypeScript support and features including the following:

• Vue 3 suppoort (Vue 2 is not supported)
• Multiple slides per group
• Responsiveness
• Lazy loading
• Vertical mode
• Auto play
• Pagination
• Accessibility via keyboard navigation
• Right-to-left support
• SSR support
• Typescript support

See Why V Slick Carousel for more details.

Installation

1npm install v-slick-carousel

See Installation for more details.

Quick Start

1<template>
2  <div class="carousel">
3    <VSlickCarousel v-bind="settings">
4      <div>Slide 1</div>
5      <div>Slide 2</div>
6      <div>Slide 3</div>
7    </VSlickCarousel>
8  </div>
9</template>
10
11<script setup lang="ts">
12import 'v-slick-carousel/style.css'
13import { VSlickCarousel } from 'v-slick-carousel'
14import type { Settings } from 'v-slick-carousel'
15
16const settings: Settings = {
17  slidesToShow: 1
18  // ...
19}
20</script>
21
22<style scoped>
23.carousel {
24  padding: 28px;
25}
26</style>

Settings

See Settings.

Documentation

Check the docs website or the docs folder.

Contributing

We are grateful to the community for contributing bug fixes and improvements to V Slick Carousel. Read below to learn how you can take part in improving the project.

• Code of Conduct
• Contributing Guide

License

V Slick Carousel is open source and released under the MIT License.