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


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


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


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


Demo Download

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

10. Crossfading Slider Component


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: