10 Best Carousel/Swiper/Slider Components For Vue.js App (2024 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 Jan 01 2024

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


2. Performant Carousel Component – ssr-carousel

Performant Carousel Component – ssr-carousel

Demo Download

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


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


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


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


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


8. Split Carousel Component For Vue

Split Carousel Component For Vue

Demo Download

A multi-purpose, highly customizable carousel component for Vue.


9. Renderless Carousel Components For Vue.js

Renderless Carousel Components For Vue.js

Demo Download

A carousel library for Vue.js that provides a set of renderless carousel components for easier carousel slider creation.


10. Feature-rich Slider Carousel Component – slither-slider

Feature-rich Slider Carousel Component – slither-slider

Demo Download

slither-slider is a powerful, full-featured, touch-friendly carousel plugin for Vue.js.


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: