Collection of free Vue carousel code examples: responsive, horizontal and vertical from github and other resources. Update of December 2019 collection. 10 new items.
Related Articles
Links
About a code
Vue Snap
Lightweight carousel based on CSS scroll snapping (Vue 2/3).
Links
About a code
Vue Splide
Vue Splide is the Vue component for the Splide slider/carousel.
Links
About a code
Vue Product 360
Loop a series of images in a 360 rotatation carousel with the vue-product-carousel, a plugin for Vue.js
Links
About a code
Vue 3 Carousel
Modern lightweight Vue 3 carousel component.
Links
About a code
Vue Card Carousel
Sliding card carousel for list viewing.
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
About a code
Vue Slick Carousel
Vue slick Carousel with true SSR written for faster luxstay.
Links
About a code
Vue Cat Carousel
Simple, customizable, reactive and lightest carousel.
Links
About a code
Empathy Vue Carousel
Vue component of a super configurable carousel.
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
Vue Carousel Card
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
Made with
- HTML / CSS (Sass) / JS (Babel)
About a code
Vue Carousel
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
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.