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

  1. CSS Carousels
  2. Bootstrap Carousels
  3. JavaScript Carousels
  4. jQuery Carousels
  5. React Carousels
Demo image: Vue Snap

Author

  • Bartosz Dominiak

About a code

Vue Snap

Lightweight carousel based on CSS scroll snapping (Vue 2/3).

Author

  • Splidejs

About a code

Vue Splide

Vue Splide is the Vue component for the Splide slider/carousel.

Author

  • moveideas

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

Author

  • Abdelrahman Ismail

About a code

Vue 3 Carousel

Modern lightweight Vue 3 carousel component.

Author

  • TheQuail13

About a code

Vue Card Carousel

Sliding card carousel for list viewing.

Author

  • mayccoll

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

Demo image: Vue Slick Carousel

Author

  • GSSHOP

About a code

Vue Slick Carousel

Vue slick Carousel with true SSR written for faster luxstay.

Author

  • Hans Sagita

About a code

Vue Cat Carousel

Simple, customizable, reactive and lightest carousel.

Author

  • empathy.co

About a code

Empathy Vue Carousel

Vue component of a super configurable carousel.

Author

  • David Hutto

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

Author

  • Ɓukasz Florczak

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

Demo image: Vue Carousel

Author

  • Fengyuan Chen

About a code

Vue Carousel

Carousel component for Vue.js.

Author

  • Dima

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

Author

  • jekorx

About a code

Vue Carousel Card

Demo image: Hooper

Author

  • Baianat

About a code

Hooper

A customizable accessible carousel slider optimized for Vue.

Author

  • Will

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

Author

  • Anton Reshetov

About a code

Vue Glide

A slider and carousel as vue component on top of the Glide.js.

Author

  • Vladimir

About a code

Vue Carousel 3D

Beautiful, flexible and touch supported 3D Carousel for Vue.js.

Author

  • Luke Taylor

Made with

  • HTML / CSS (Sass) / JS (Babel)

About a code

Vue Carousel

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • SSENSE

About a code

Vue Carousel

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

Author

  • Stanislav Karpov

About a code

Slick For Vue.js

Vue component for Slick-carousel.