11-vue-carousels
Collection of free Vue carousel code examples: responsive, horizontal and vertical.

Collection of free Vue carousel code examples: responsive, horizontal and vertical.

  1. CSS Carousels
  2. JavaScript Carousels
  3. jQuery Carousels
  4. React Carousels


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

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

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

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

Leave a Reply

Your email address will not be published. Required fields are marked *