10 Best Carousel/Swiper/Slider Components For Vue.js App (2020 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 app. I hope you like it.

Originally published Dec 21 2017,  updated Jan 3rd 2020

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. 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.


3. vue-carousel

Flexible Responsive Carousel Component For Vue.js

Demo Download

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


4. Easy Swiper Component For Vue.js

easy-swiper-component-for-vue-js

Demo Download

An easy-to-use swiper component for Vue.js.


5. 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.


6. vue-agile

vue-agile

Demo Download

Powerful, responsive, touch-friendly, and written in Vue and Vanilla JS (without a jQuery dependency).


7. 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.


8. 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.


9. vue-swiper

vue-swiper

Demo Download

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


10. Crossfading Slider Component

crossfading-slider-component-for-vue-2

Demo Download

An easy cross-fading slider/slideshow component for Vue.js 2 applications.


More Resources:

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.

You Might Be Interested In: