10 Best Carousel/Swiper/Slider Components For Vue.js App (2021 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 Feb 19 2021

1. Vue.js Card Carousel For Web

Vue.js Card Carousel For Web

Demo Download

A card carousel component for Vue.js that enables the user to switch between slides just like a stacked card.


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


3. Minimal Vue Carousel With Thumbnail Nav

Minimal Vue Carousel With Thumbnail Nav

Demo Download

A simple Vue.js component to create an infinite-looping carousel with a thumbnail navigation. Built with vue.js and Bulma.css.


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


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. Carousel Component For Vue.js – vue-glide

Carousel Component For Vue.js – vue-glide

Demo Download

An elegant slider/carousel component for vue.js, based on the glide.js.


7. Draggable Product Carousel For Vue.js

Draggable Product Carousel For Vue.js

Demo Download

A responsive, draggable, touch-enabled carousel component for e-commerce app to showcase featured products.


8. Touch-friendly Photo Slider/Gallery With Image Zoom – Product Carousel

Touch-friendly Photo Slider/Gallery With Image Zoom – Product Carousel

Demo Download

The Product Carousel component enables you to create a responsive, mobile-friendly photo gallery & image carousel on the web app.


9. Flexible Responsive Carousel Component – vue-carousel

Flexible Responsive Carousel Component – vue-carousel

Demo Download

A flexible, responsive, touch-friendly carousel for Vue.js.


10. Image Gallery & Carousel Component – v-gallery

Image Gallery & Carousel Component – v-gallery

Demo Download

v-gallery is a Vue 2 plugin for displaying your images in a gallery or carousel.


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.

See Also:

You Might Be Interested In: