25+ Vue Carousels - Free Code + Demos
Collection of 25+ Vue Carousels. All items are 100% free and open-source. The list also includes responsive vue carousels, and horizontal.
1. Vue - Carousel 3D
Author: mayccoll (mayccoll)
Links: Source Code / Demo
Created on: December 2, 2019
Made with: HTML, SCSS, JS
2. Vue Carousel + Bootstrap Vue Cards
Using Vue.Js, Vue Carouse by ssense, and Bootstrap Vue
Author: David Hutto (David_Hutt)
Links: Source Code / Demo
Created on: June 11, 2019
Made with: HTML, CSS, Babel
Tags: card, carousel, vue, bootstrap, vue-carousel
3. Vue-agile
Author: Łukasz Florczak (lukaszflorczak)
Created on: May 29, 2017
Made with: Pug, Sass, Babel
CSS Pre-processor: Sass
JS Pre-processor: Babel
HTML Pre-processor: Pug
Tags: vue, vue-agile, carousel, slideshow, component
4. Vue Carousel
Carousel component for Vue.js.
Links: Github Page, Home Page
Created on: June 28, 2018
5. Slider Carousel
Vue carousel
Author: Dima (dimaZubkov)
Links: Source Code / Demo
Created on: January 6, 2019
Made with: Pug, Stylus, JS
CSS Pre-processor: Stylus
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: vue, slider, carousel
6. Hooper
🎠 A customizable accessible carousel slider optimized for Vue
Links: Github Page, Home Page
Created on: November 7, 2018
7. 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...Read More
Author: Will (wa23)
Links: Source Code / Demo
Created on: August 27, 2018
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: vue, carousel, slides, css, bootstrap
8. Vue Glide
A slider and carousel as vue component on top of the Glide.js
Links: Github Page, Home Page
Created on: July 23, 2018
9. Vue Carousel 3D 2
Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js
Links: Github Page, Home Page
Created on: February 10, 2017
10. Vue Carousel 2
A flexible, responsive, touch-friendly carousel for Vue.js
Links: Github Page, Home Page
Created on: December 28, 2016
11. Slick For Vue.js
Vue component for Slick-carousel (http://kenwheeler.github.io/slick)
Links: Github Page
Created on: October 27, 2016
12. Vue Carousel
A simple slider inspired by this pen: https://codepen.io/shshaw/pen/EvgaRW/
Author: Ada (adaban)
Links: Source Code / Demo
Created on: March 19, 2018
Made with: HTML, CSS, Babel
Tags: vue, carousel, slider, transition-group
13. Vue Carousel
Author: Shea Cole (robertsheacole)
Links: Source Code / Demo
Created on: June 14, 2017
Made with: HTML, SCSS, Babel
14. Vue-carousel-3d
vue carousel in 3d https://github.com/Wlada/vue-carousel-3d
Author: leolo (diomed)
Links: Source Code / Demo
Created on: May 1, 2017
Made with: Pug, CSS, JS
CSS Pre-processor: None
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: vue, vue carousel, 3d
15. Slider VueJS
Author: Adrien Loup (adrienloup)
Links: Source Code / Demo
Created on: October 21, 2019
Made with: Pug, Stylus, JS
CSS Pre-processor: Stylus
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: interface, layout, slider, vuejs, vanilla-js
16. React Slider
A slider built with React, using some basic ES2015 features through Babel, animated with CSS3 transforms and transitions.
Author: Joseph Martucci (jjmartucci)
Links: Source Code / Demo
Created on: August 6, 2015
Made with: HTML, SCSS, Babel
Tags: react, es2015, babel, slider, animation
17. React.js Carousel
Author: Gavin Dinubilo (Gavino)
Links: Source Code / Demo
Created on: August 13, 2015
Made with: Slim, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Slim
18. React Slide Component
React Slider
Author: Sanskar (sanskarbansal)
Links: Source Code / Demo
Created on: June 7, 2020
Made with: HTML, SCSS, Babel
Tags: reactjs, react, slider, slider component, component
19. React Slider/Carousel
Author: YR Fang (yrfang)
Links: Source Code / Demo
Created on: December 9, 2017
Made with: HTML, SCSS, Babel
20. React Slider
I was asked to build a slider in React for a test and I didn't have any previous experience with this library. By watching some videos, taking some examples from codepen and writing some custom code this is what I came up with.
Author: Mistlav (mistlav)
Links: Source Code / Demo
Created on: March 24, 2017
Made with: HTML, SCSS, Babel
Tags: react, slider, slideshow, carousel, images
21. React Carousel
Simple picture carousel built in React.
Author: Maxime Preaux (deammer)
Links: Source Code / Demo
Created on: February 5, 2018
Made with: Pug, SCSS, Babel
CSS Pre-processor: SCSS
JS Pre-processor: Babel
HTML Pre-processor: Pug
Tags: react, carousel, css
22. React-carousel
So earlier today I posted a version of this Pen that was simply horrifying (I know this is far from perfect too, but believe me, it is light-years ahead of the other one,) the structure of the code was wrong in every possible sense and worst of all I had no clue about it (in my defense thi...Read More
Author: Alex Taietti (AlexTaietti)
Links: Source Code / Demo
Created on: August 14, 2020
Made with: HTML, SCSS, Babel
Tags: react, slider, css, carousel, javascript
23. React - Carousel - Photo Gallery
Responsive carousel made with react and flexbox. Photos by me!
Author: Matthew Vincent (matthewvincent)
Links: Source Code / Demo
Created on: September 9, 2016
Made with: HTML, SCSS, Babel
Tags: react, flexbox, responsive, carousel, sass
More Awesome Lists:
Share: