vue-slickthe last carousel you'll ever need — for Vue 3

Slick, rebuilt on the Composition API. Full react-slick settings parity, TypeScript, SSR-safe.

Full react-slick parity

All ~40 settings — infinite, autoplay, fade, centerMode, vertical, RTL, variableWidth, rows, responsive, lazy load, asNavFor.

Touch & drag

Slick's swipe thresholds, edge friction, and swipeToSlide, on pointer events.

SSR-safe

Full markup server-rendered — works with Nuxt 3 out of the box, no hydration mismatch.

Typed end to end

TypeScript definitions for every setting, event, and exposed method.

Accessible

Arrow-key navigation, aria-hidden management, dots as a tablist.

Slick CSS compatible

Same DOM structure and class names — existing slick stylesheets keep working.

Quick start

npm i @mihnsen/vue-slick

vue

<script setup>
import { SlickCarousel } from '@mihnsen/vue-slick'
import '@mihnsen/vue-slick/slick.css'
import '@mihnsen/vue-slick/slick-theme.css'
</script>

<template>
  <SlickCarousel :dots="true" :slides-to-show="3">
    <div v-for="i in 6" :key="i">Slide {{ i }}</div>
  </SlickCarousel>
</template>