Collection of free Vue carousel code examples: responsive, horizontal and vertical.
Related Articles
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Vue - Carousel 3D
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: vue.js, vue-carousel-3d.js
Links
Made with
- HTML / CSS / JS (Babel)
About a code
Vue Carousel + Bootstrap Vue Cards
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: bootstrap.css, bootstrap-vue.css, vue.js, bootstrap-vue.js, vue-carousel.js
Links
Made with
- HTML (Pug) / CSS (SCSS) / JS (Babel)
About a code
Responsive And Two Related Carousels
Vue-agile is a carousel component for Vue.js inspired by Slick. Simple, touch-friendly, written in Vue and Vanilla JS (without jQuery dependency).
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: vueagile.css, font-awesome.css, vue.js, vue-agile.js

Links
About a code
Vue Carousel
Carousel component for Vue.js.
Links
Made with
- HTML (Pug) / CSS (Stylus) / JS
About a code
Slider Carousel
Vue carousel.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: vue.js

Links
About a code
Hooper
A customizable accessible carousel slider optimized for Vue.
Links
Made with
- HTML (Pug) / CSS (SCSS) / JS
About a code
Vue Card Carousel
A multi-item card carousel in Vue. It was fun thinking about how this should be viewed from the perspective of a component. It basically takes a window size and increases/decreases the pagination window on each click, which updates a style which translates the images. Values are hardcoded for demonstration but it could be made generic via props.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: vue.js
Links
About a code
Vue Glide
A slider and carousel as vue component on top of the Glide.js.
Links
About a code
Vue Carousel 3D
Beautiful, flexible and touch supported 3D Carousel for Vue.js.
Links
About a code
Vue Carousel
A flexible, responsive, touch-friendly, carousel for Vue.js.
Links
About a code
Slick For Vue.js
Vue component for Slick-carousel.