Collection of free Vue carousel code examples

Welcome to our collection of Vue code examples! In this carefully curated compilation, we have gathered a wide range of code snippets that showcase the simplicity and power of the Vue.js framework.

Vue Snap

Vue Snap

Author:
Bartosz Dominiak | June 7, 2020
About a code

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

Vue Splide

Author:
Splidejs | May 29, 2020
About a code

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

Vue Product 360

Author:
moveideas | April 30, 2020
About a code

Loop a series of images in a 360 rotatation carousel with the vue-product-carousel, a plugin for Vue.js

Vue 3 Carousel

Author:
Abdelrahman Ismail | April 25, 2020
About a code

Modern lightweight Vue 3 carousel component.

Vue Card Carousel

Author:
TheQuail13 | March 6, 2020
About a code

Sliding card carousel for list viewing.

Vue - Carousel 3D

Author:
mayccoll | December 2, 2019
Made with:
HTML / CSS (SCSS) / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
vue.js, vue-carousel-3d.js
Vue Slick Carousel

Vue Slick Carousel

Author:
GSSHOP | November 27, 2019
About a code

Vue slick Carousel with true SSR written for faster luxstay.

Vue Cat Carousel

Author:
Hans Sagita | November 12, 2019
About a code

Simple, customizable, reactive and lightest carousel.

Empathy Vue Carousel

Author:
empathy.co | September 2, 2019
About a code

Vue component of a super configurable carousel.

Vue Carousel + Bootstrap Vue Cards

Author:
David Hutto | June 11, 2019
Made with:
HTML / CSS / JS (Babel)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
bootstrap.css, bootstrap-vue.css, vue.js, bootstrap-vue.js, vue-carousel.js

Responsive And Two Related Carousels

Author:
Łukasz Florczak | April 24, 2019
Made with:
HTML (Pug) / CSS (SCSS) / JS (Babel)

About a code

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
Vue Carousel

Vue Carousel

Author:
Fengyuan Chen | January 26, 2019
About a code

Carousel component for Vue.js.

Slider Carousel

Author:
Dima | January 6, 2019
Made with:
HTML (Pug) / CSS (Stylus) / JS

About a code

Vue carousel.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
vue.js

Vue Carousel Card

Author:
jekorx | January 5, 2019
Hooper

Hooper

Author:
Baianat | December 19, 2018
About a code

A customizable accessible carousel slider optimized for Vue.

Vue Card Carousel

Author:
Will | August 28, 2018
Made with:
HTML (Pug) / CSS (SCSS) / JS

About a code

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

Vue Glide

Author:
Anton Reshetov | July 30, 2018

Vue Carousel 3D

Author:
Vladimir | November 29, 2017

Vue Carousel

Author:
Luke Taylor | April 3, 2017
Made with:
HTML / CSS (Sass) / JS (Babel)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

Vue Carousel

Author:
SSENSE | December 30, 2016

Slick For Vue.js

Author:
Stanislav Karpov | October 27, 2016

Discover Our Extensive Snippet Library

This heading suggests that your website provides a wide variety of snippets across different technologies, encouraging users to explore and use these resources for their development projects.

HTML Snippets.

Explore a collection of HTML snippets designed to streamline your web development process. From basic structures to complex elements.

CSS Snippets.

Discover powerful CSS snippets that help you style your web pages with ease. Whether you need layout solutions, animations

JavaScript Snippets.

Enhance your website's interactivity with our JavaScript snippets. From DOM manipulation to advanced algorithms

Bootstrap Snippets.

Leverage the power of Bootstrap with our collection of snippets. Quickly integrate responsive design components

Tailwind Snippets.

Speed up your development process with Tailwind CSS snippets. These utility-first CSS snippets enable you to

jQuery Snippets.

Simplify your JavaScript development with jQuery snippets. Easily perform common tasks like event handling, animations

React Snippets.

Build robust, component-based user interfaces with our React snippets. From state management to lifecycle methods,

Vue Snippets.

Streamline Vue.js development with our collection of snippets for creating components, managing state, and handling events.

Ready to set your Brand ablaze?

Let's craft a visual identity that ignites passion and loyalty. ✨