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 7 best carousel/swiper/slider components for Vue.js app. I hope you like it.
Originally published Dec 21 2017, updated Jan 01 2026
1. Modern Carousel Component For Vue 3
A lightweight, modern, responsive carousel component for Vue.js 3 powered apps.
Features:
- Responsive – Breakpoints support
- Infinite Scroll – Wrap around sliding
- Mouse/Touch – Dragging support
- Mouse Wheel – Scroll navigation support
- Auto Play – Automatic sliding
- Slide Classes – Active & visible states
- RTL – Right-to-left support
- A11y – Keyboard navigation & ARIA labels
- Vertical – Vertical sliding mode
2. Slick Carousel Component For Vue.js
A vue.js component used to implement Slick carousel for your web application.
3. Responsive & Touch-ready Slideshow For Vue – Vueper Slides
Vueper Slides is an easy-to-use responsive & touch-ready carousel/slideshow made for Vue.js 3.
Features:
- Vueper Slides is fully responsive and scales with its container.
- Brand new parallax feature!
- Touch-ready & mouse dragging for desktop.
- Uses CSS for animations & comes with a minimum of styles (using the BEM convention). Fully customizable.
- Infinite looping, customizable arrows or disable arrow on a slideshow end, autoplay.
- Customizable bullets with or without numeric index.
- Navigate with keyboard arrows.
- Separate settings per breakpoint.
- Slide content supports title & description, inside OR outside the current slide.
- Add or remove slides on the fly, disable or enable the slideshow.
- Events for callbacks, etc…
4. Full Featured Carousel Component For Vue.js 3
A full-featured, highly customizable, mobile-friendly carousel (slider) component designed for Vue.js 3 apps.
5. Tiny Horizontal Carousel With CSS Scroll Snap – vue-snap
A lightweight, performant Vue.js slider/carousel component that uses CSS Scroll Snap to automatically snap slide items to the boundary.
6. Image Slider With 20 Cool Transitions – vue-flux
This is an image slider developed with Vuejs that comes with 20 cool 2D/3D transitions out of the box.
Features:
- Responsive: The slider and the images are adapted to container to fill it always
- Compatibility: Supported by all major browsers
- Expandable: You can add your custom transitions very easily
- Customization: Total customizable to suit most needs
- Gestures: Mobile friendly by gestures
- Parallax: It includes a parallax component very easy to set up
7. Performant Carousel Component – ssr-carousel
A performance-focused Vue carousel designed for SSR/SSG environments. No JS is used to layout the carousel or it’s slides.
The goal is to improve LCP and CLS scores because there is no layout or markup changes when JS hydates.
It’s primarily designed for rendering “card” style slides (like for linking to articles or products) where the carousel-ness is conditionally applied based on the number of cards that are slotted in as well as the viewport width.
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:
- 10 Best Vanilla JavaScript Carousel Libraries
- 10 Best Carousel & Swiper Components For React & React Native
- 10 Best Carousel Plugins In jQuery/JavaScript/CSS