10 Best Carousel/Swiper/Slider Components For Vue.js App (2023 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 can navigate between the slides with touch swipe and navigation controls.

Are you looking for a cross-platform Vue component that can quickly implement a carousel on your next application?

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

Originally published Dec 21 2017,  updated Feb 22 2023

1. Swiper (Slide) Component For Vue.js – awesome-swiper

Swiper (Slide) Component For Vue.js – awesome-swiper

Demo Download

A feature-rich swiper (slider) component for Vue.js applications.


2. Flexible Responsive Carousel Component – vue-carousel

Flexible Responsive Carousel Component – vue-carousel

Demo Download

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


3. Simple Touch-friendly Carousel Component – vue-agile

Simple Touch-friendly Carousel Component – vue-agile

Demo Download

A simple, customizable, touch-enabled carousel component inspired by the Slick.js library.


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


5. Responsive & Touch-ready Slideshow For Vue – Vueper Slides

Responsive & Touch-ready Slideshow For Vue – Vueper Slides

Demo Download

An easy to use responsive & touch-ready slideshow made for Vue.js.


6. Modern Carousel Component For Vue 3

Modern Carousel Component For Vue 3

Demo Download

A lightweight, modern, responsive carousel component for Vue.js 3 powered apps.


7. Splide Carousel & Slider Component For Vue

Splide Carousel & Slider Component For Vue

Demo Download

A Vue wrapper around the Splide library that enables developers to create lightweight, powerful, and flexible slider and carousel in Vue.js.


8. Full Featured Carousel Component For Vue.js 3

Full Featured Carousel Component For Vue.js 3

Demo Download

A full featured, highly customizable, mobile-friendly carousel (slider) component designed for Vue.js 3 apps.


9. Tiny Horizontal Carousel With CSS Scroll Snap – vue-snap

Tiny Horizontal Carousel With CSS Scroll Snap – vue-snap

Demo Download

A lightweight, performant Vue.js slider/carousel component that uses CSS Scroll Snap to automatically snap slide items to the boundary.


10. Performant Carousel Component – ssr-carousel

Performant Carousel Component – ssr-carousel

Demo Download

A high-performance carousel component designed for SSR/SSG environments.


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: