10 Best Carousel/Swiper/Slider Components For Vue.js App (2019 Update)

The Carousel/Swiper/Slider makes it easier to present your favorite images, brand logos, featured products and popular posts in a slider control where the users are able to navigate between the slides with touch swipe and navigation controls.

Looking for a cross-platform Vue component that is easy to implement a carousel on your next application?

In this post, you’ll find a list of 10 best carousel/swiper/slider components for Vue.js 1.x and 2.x app. I hope you like it.

Originally published Dec 21 2017,  updated Aug 13 2019

1. vue-awesome-swiper

vue-awesome-swiper

Demo Download

awesome-swiper is the most popular swiper/slider component create for Vue.js.

Works perfectly on desktop and mobile devices.

Also supports server-side rendering (SSR) and single page application (SPA).


2. vue-carousel

Flexible Responsive Carousel Component For Vue.js

Demo Download

A flexible, responsive, touch-enabled carousel component for products, images, etc.


3. Concise Slider Component For Vue.js 2

Concise Slider Component For Vue.js 2

Demo Download

A simple, responsive, draggable, swipeable slider/carousel component for Vue.js 2+. With support for pagination, navigation, fullscreen.


4. Slick Inspired Carousel Component For Vue.js

Slick Inspired Carousel Component For Vue.js

Demo Download

A touch-friendly carousel component for vue.js application, inspired by Slick.


5. Touch-friendly 3D Carousel For Vue.js

Touch-friendly 3D Carousel For Vue.js

Demo Download

A beautiful, flexible, responsive, touch-friendly, coverflow-style 3D carousel component for Vue.js.


6. Slick Carousel Component For Vue.js

Slick Carousel Component For Vue.js

Demo Download

A vue.js 2 component used to implement Slick carousel for your web application.


7. vue-swiper

vue-swiper

Demo Download

A lightweight, performant carousel component for Vue.js 2+ that supports infinite loop, touch gestures, etc.


8. flicking

flicking

Demo Download

A Reliable, flexible and extendable infinite carousel (slider) for Vue.js applications.


9. Customizable Carousel Slider For Vue.js – hooper

Customizable Carousel Slider For Vue.js - hooper

Demo Download

hooper is a responsive, customizable, and touch-enabled carousel slider for Vue.js.


10. Vue Component For Flickity.js

vue-component-for-flickity-js

Demo Download

A Vue.js component for the Flickity.js that lets you create touch, responsive, flickable carousels.


Conclusion:

Didn’t find a carousel component for your app in this list? Don’t forget to check out our Vue.js Carousel section for more components.