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
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
A beautiful, flexible, responsive, touch-friendly, coverflow-style 3D carousel component for Vue.js.
3. vue-carousel
A flexible, responsive, touch-enabled carousel component for products, images, etc.
4. Easy Swiper Component For Vue.js
An easy-to-use swiper component for Vue.js.
5. Slick Carousel Component For Vue.js
A vue.js 2 component used to implement Slick carousel for your web application.
6. vue-agile
Powerful, responsive, touch-friendly, and written in Vue and Vanilla JS (without a jQuery dependency).
7. Concise Slider Component For Vue.js 2
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
hooper is a responsive, customizable, and touch-enabled carousel slider for Vue.js.
9. vue-swiper
A lightweight, performant carousel component for Vue.js 2+ that supports infinite loop, touch gestures, etc.
10. Crossfading Slider Component
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.