Dialogs are a typical and essential user interaction in interactive applications. But implementing dialogs are not an easy thing in front-end web development.
components exercise solution A simple card components with vue.js. Made by Sarah Drasner. Live demo See the Pen components exercise solution by Sarah Drasner (@sdras) on CodePen.
Vuejs Music Player Design A simple music player with vue.js. Made BY Ahmed Tarek. Live demo See the Pen Vuejs Music Player Design by Ahmed Tarek (@ahmedtarek2134) on CodePen.
vue-pages A Dead Simple Vue Pagination Component Using Bootstrap Style support vue 2.0+ Live Demo http://ccforward.github.io/demos/vue-pages/index.html GitHub
vuejs-modal A simple、highly customizable vue modal plugin. This plugin which works only with Vue 2.0+ A file corresponds to a modal, and registered to vue prototype, so I can use it
Vue Styleguidist Style guide — documentation — component workbench Created from react styleguidist for Vue Components with a living style guide qProject was started when not finding a tool that generates documentation of components with
propdoc quick and easy documentation of Vue.js components. A single component that provides simple documentation of Vue.js components/props. installation npm install --save propdoc example output This example was solely generated
Vue js components styleguide generator For purpose of having a demo of your Vuejs components please take a look at following projects that do really great job and are really handy for you
AN ONBOARDING MODAL WITH VUE.JS Step through on-boarding (or whatever, really) screens in a modal horizontally or vertically. Made with Html Css/SCSS vue.min.js Author Jase Demo See the Pen
vue-breadcrumbs Vue breadcrumbs builds on the official vue-router package to provide simple breadcrumbs. This package is backwards compatible to support both Vue 1.x and Vue 2.x. Live Demo https://samturrell.github.
Plugin of Access Control List from Vue JS 2 This plugin aims to control the layout of the system and block access to certain routes of the vue-router, that according to the current
vue-navigation A page navigation library, record routes and cache pages, like native app navigation. vue-navigation default behavior is similar to native mobile app (A、B、C are pages): A forward to B, then
vue-meteor This project is currently in beta. vue+meteor is a set of packages to help you create awesome apps quickly and efficiently with two great web technologies: vuejs is the frontend meteor
vue-add-to-calendar A Vue.js component that provides "Add to Calendar" functionality, works with Vue 2.X. Live Demo https://nicolasbeauvais.github.io/vue-add-to-calendar/ Include support for: Google calendar Microsoft live calendar
vue-disqus Vue component to integrate Disqus comments in your application Vue.js, with support for SPA and Vue 2.* Installation 1.) Install package via NPM $ npm install vue-disqus For Vue 1.* use v1.
vue-accordion-menu Simple accordion menu component in Vue 2. Live Demo https://weichiachang.github.io/vue-accordion-menu/dist/ Installation npm install --save vue-accordion-menu Default import Install all the components: import Vue from 'vue' import VueAccordionMenu
vue-play A minimalistic framework for demonstrating your Vue components, inspired by react-storybook. Live Demo http://vue-play-button.surge.sh/#/ https://egoistian.com/vue-slim-modal/#/ GitHub
Vue.js + d3.js (using virtual DOM) A reactive d3.js chart assembled using Vue.js templating system, with prop inheritance and watch state propagation. Drawing charts in a purely Vue.js manner,
Simple CRUD with Vue.js Simple CRUD with vue.js for those willing to acquire the basics of this awesome javascript framework. Create , Read ,Update, Delete are made easy with this simple example
Gradient text tool (vue.js) A tiny vue.js application which lets you enter custom text and pick between 8 gradients as a background. Made by Mari Johannessen. Live demo See the Pen
Vue Content Loading Placeholder A Content Loading Placeholder with Vue.js. Live demo See the Pen Vue Content Loading Placeholder by Ahmet Işıtan Narlı (@isitannarli) on CodePen.
Bootstrap Wizard A nice Bootstrap Wizard with Vue.JS. made by chris. Live demo See the Pen Bootstrap Wizard powered by VueJS by chris (@chrgl86) on CodePen.
Digital Clock with Vue.js A beautiful Digital Clock with Vue.js. Made BY Toshiyuki TAKAHASHI. Live demo See the Pen Digital Clock with Vue.js by Toshiyuki TAKAHASHI (@gau) on CodePen.
The Fearless Seven The Game of Thrones Fearless Seven. (spin on the original Seven Samurai and Magnificent Seven). This is just a fun way to mess with some Vue transitions, but has quite
Vue (ab)use router A Quick example how to use routes and make your menu using vue. Live demo See the Pen Vue (ab)use router by disjfa (@disjfa) on CodePen.
Vue Pomodoro Timer A battery-like pomodoro timer made with Vue.js. The battery alters its color and becomes empty while discharging. Live Demo https://codepen.io/alexnoz/pen/rwgZqz?limit=all&page=
vue-agile Carousel component for Vue.js inspired by Slick. More powerfull with each version, touch-friendly, written in Vue and Vanilla JS (without jQuery dependency). Live Demo https://lukaszflorczak.github.io/vue-agile/ Installation yarn
minimal blog concept with Vue.js minimal blog concept with Vue.js #2 Made BY Mert Nerukuc. Live demo See the Pen minimal blog concept with Vue.js #2 by Mert Nerukuc (@knyttneve)
Vue Markdown Previewer Markdown previewer based on Vue, Sass, and marked. For the Free Code Camp data visualization certification. I took the placeholder text from Free code camp. Made BY Matthew White. Live
vue-fancy-form Vue component for forms and inline validation. Usage HTML <div id="app"> <vue-fancy-form :options.sync='form'></vue-fancy-form> </div> ES5 without module loader
Airport Distance Map Get the distance between two airports "as the crow flies". Built with SVG, Vue, D3, GSAP, and love. One of the first pieces I made with Vue in
Vue Navigation Drawer A responsive navigation drawer using Vue Js and Bootstrap 4. Live demo See the Pen Vue Navigation Drawer by Daniel Ormeno (@dormenog) on CodePen.
FLIPing slides with Vue.js Vue's contains built in FLIP animation features, and allows for some really powerful CSS transitions. This is a demo of fun ways I've found to utilize both Vue's
Vue Markdown Editor A simple Markdown editor with a small setting panel, written while learning Vue.js. Marked.js used to compile markdown code. Live demo See the Pen Vue Markdown Editor by