vue-slick-carousel

vue-slick-carousel

🚥 Vue Slick Carousel with True SSR Written for Faster Luxstay. This Is a Port of react-slick.

🎨 Features

simple	center mode	multiple	rows

variable width	vertical	lazy load	synced sliders

vue-slick-carousel inherits the long-loved slick-carousel features, offers a variety of functions. It has been completely rewritten as a vue component. If you were trying to use the click-carousel in the vue, it would be a perfect choice. You can use it in a vue component manner without any disparity. It also makes it easy to solve difficult problems such as custom arrows/dots.

It is designed to support SSR from the start. So far, we have confirmed that the vue-slick-carousel is the only carousel that supports SSR with rich features. If you value website performance, you are in the right place.

Find out all available features on setting props and see how that works on examples.

🚚 Installation

yarn/npm

npm i vue-slick-carousel
# or
yarn add vue-slick-carousel

cdn

# latest
https://unpkg.com/vue-slick-carousel

🚀 Quick Start

See API & Examples to learn advanced usage.

<template>
  <div>
    <VueSlickCarousel :arrows="true" :dots="true">
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
    </VueSlickCarousel>
  </div>
</template>

<script>
  // require styles from slick-carousel
  import 'slick-carousel/slick/slick.css'
  import 'slick-carousel/slick/slick-theme.css'

  import VueSlickCarousel from 'vue-slick-carousel'

  export default {
    name: 'MyComponent',
    components: { VueSlickCarousel },
  }
</script>

📚 Docs

• examples
• settings props
• methods
• events
• slots
• contributing
• commit message convention
• code of conduct

🔖 License

This software is licensed under the MIT.