Simple calculator during my learning process of Vue.js 2
Vue Calculator A Simple calculator during my learning process of Vue.js 2. BY Paolo Duzioni Live demo See the Pen Vue Calculator by Paolo Duzioni (@Paolo-Duzioni) on CodePen.
Vue's watchers/axios to add more info on infinite scroll
Vue's watchers/axios Using punk beer api and vue's watchers and axios to load in more content on infinite scroll. BY Sarah Drasner Live demo See the Pen Vue's watchers/axios to add
A single page online-streaming app built with Vue and Bulma
VueFlix - Vue Streaming App A single page online-streaming app built with Vue/Bulma. A TV App UI went with horror film themed selection tv app for this project featuring silent hill as
Algolia components for building search UIs with Vue.js
Vue InstantSearch Lightning-fast search for Vue.js apps Installation Vue InstantSearch is available in the npm registry. Install it: # with npm npm install --save vue-instantsearch # with yarn yarn add vue-instantsearch Live Demo https:
A Vue.js pluggin for fuzzy search library
vue-fuse A Vue.js pluggin for fuzzy search library, Fuse.js There are two ways to use this plugin. The vue-fuse component, or the $search method. Be sure to take a look at
The compoent of vue 2.x for qart.js
vue-qart You should read it before you using vue-qart Live Demo https://chenhuichao.com/vue-qart/demo/ Installation install with NPM npm install vue-qart --save Import import VueQArt from 'vue-qart' new Vue({ components: {VueQArt}
A Vue.js 2 component to draw QR codes on an HTML Canvas using qrious
vue-qriously A Vue.js 2 component to draw QR codes on an HTML Canvas using qrious. Installation With Modules // ES6 import Vue from 'vue' import VueQriously from 'vue-qriously' Vue.use(VueQriously) // ES5 var
Type-check your script in your vue-loader
TypeScript loader for Vue-loader Type-check your script in your Vue-loader. Easier importing .ts file in vue's SFC. Installation npm install vue-ts-loader You will also need to install TypeScript if you have not already.
ES / TypeScript decorator for class-style Vue components
vue-class-component ECMAScript / TypeScript decorator for class-style Vue components. Usage Required: ECMAScript stage 1 decorators. If you use Babel, babel-plugin-transform-decorators-legacy is needed. If you use TypeScript, enable --experimentalDecorators and --allowSyntheticDefaultImports flag. Note: methods can
Typescript decorators to make vue feel more typescripty
vue-typescript Typescript decorators to make vue play nice with typescript. Install This package has one single peer-dependancy: Vue (obviously) npm install --save vue-typescript For the best experience you will want to use typings
Sets of ECMAScript decorators that helps you write Vue component easily
VueTyped VueTyped contains sets of ECMAScript / Typescript decorators that helps you write Vue component easily. Live Demo http://vue-typed.github.io/vue-typed/ What is this for? Normaly you wrote Vue application like this:
A Vue Component for use with ag-Grid
ag-Grid Vue Component Live Demo https://www.ag-grid.com/ Install with Bower $ bower install ag-grid-vue Install with npm $ npm install ag-grid-vue Frameworks Supported Framework specific Getting Started guides: Angular 1 | Angular 2 | Aurelia
A simple clean data table for vuejs2 with essential features like sorting
Vue-good-table A simple, clean data table for VueJS (2.x) with essential features like sorting, column filtering, pagination etc. Live Demo https://xaksis.github.io/vue-good-demos/#/simple-table Getting Started Prerequisites The plugin is
A fancy Materialize CSS datatable VueJS component
vue-materialize-datatable A fancy Materialize CSS datatable VueJS component. Library is kind of unstable. Bugs, missing features might be present Features Sorting, with numerical sorting Pagination Fuzzy searching Excel export Printing Custom topbar buttons
Datatable component with sorting and aggregation
Datatable The datatable component is essentially a "glorified table" designed to efficiently display dense data. Datatables aren't a heavily used component but they are fundamental to business applications - particularly ones
Vue 2 component for jquery.floatThead
vue-floatthead Vue 2.0 component for floatThead, a floating & sticky table header plugin. Installation npm $ npm install vue-floatthead Getting Started <template> <float-thead-table> <thead> <tr>
A vue.js server side component to create dynamic tables
Vue Datasource A Vue.js component to create dynamic tables. Compatible with Vue 2.x and Laravel. Install/Usage $ npm install vue-datasource <div id="#app"> <server-datasource source="
A Vue.js 2 grid Tables components
Vue Tables 2 A Vue.js 2 grid Tables components. Live Demo https://jsfiddle.net/matfish2/823jzuzc/ Usage Dependencies Vue.js (>=2.0) Server Side: axios OR vue-resource (>=0.9.0)
Data table simplify datatable component for Vue 2.x
vuetable-2 Vuetable-2 - data table simplify! Vuetable-2 works with Vue 2.x, vuetable is for Vue 1.x If you're looking for the version that's working with Vue 1.x, please go to
A fresh and flat UI-Kit specially for desktop application with Vue.js 2.0
AT UI AT-UI is a modular front-end UI framework for developing fast and powerful web interfaces based on Vue.js. Live Demo https://at-ui.github.io/at-ui/#/en Features Based on Vue A
vue2.0 admin a management system template
In the past half year, I have been building a backend for management dashboard using Vue.
Markcook : A smart and beautiful markdown editor
Markcook a smart and beautiful markdown editor. What's Markcook? Markcook is a markdown editor, you can play it HERE By now, Markcook has updated to version 2.0, which was redesigned by Google
Responsive Touch Compatible Toast plugin for VueJS
vue-toasted Vue Toasted is One of the Best Toast plugin available for VueJS. it is responsive, touch compatible, easy to use, attractive and feature rich with icons, actions etc... Live Demo https://shakee93.
Vue.js notification plugin
vue-notifikation Vue.js notification plugin. Installation Library can be installed via downloading a git repo: git clone https://github.com/happyCoda/vue-notifikation.git An npm package also available: $ npm install vue-notifikation Getting started
A toast plugin for vue/vue2
Vue-Easy-Toast A toast plugin for vue/vue2. Note: Since 1.x.x, only Vue 2 is supported. For Vue 1 users please stick to version 0.x.x Issue/PR is welcomed, I'll
Vue.js agnostic non-blocking notifications library
vue-notifications VueNotifications - agnostic non-blocking notifications library, that allow you to use notifications in declaration style. Installation via npm: npm i vue-notifications --save via bower: bower i vue-notifications --save or download [latest release]
Router storage & resolve solution for Vue.js 2 & vue-router 2
vue-router-storage A solution to the Vue history routing Persistence. Warn：Current Version Just Support The History Mode! Current function Persistent user browsing records, and automatically restores the original path when you re-enter(not
Customize the scrolling position on route navigation
vue-scroll-behavior Customize the scrolling position on route navigation. A Vue component to add intersection-observer to a Vue component or HTML element. Live Demo https://jeneser.github.io/douban https://jeneser.github.io/vue-scroll-behavior
Add intersection-observer to a Vue component or HTML element
Vue Intersect A Vue component to add intersection-observer to a Vue component or HTML element. The IntersectionObserver is an amazing API which allows you to observe one or more HTMLElement for when it
Makes simple to highlight a menu item with an 'active' class as you scroll
vue-scrollactive Lightweight and simple to use vue component that highlights menu items as you scroll the page, also scrolling to target section when clicked. This vue 2 component makes it simple to highlight
A simple scrollbar that can be detached from the container it is scrolling
Vue Detached Scrollbar This is a simple scrollbar that you can detach from the element that you want to scroll in. It comes with a minimal HTML structure. Live Demo https://ozangulle.github.
Vue 2 directive for custom scrollbar that uses native scroll behavior
Vuebar Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies. Used successfully in production on GGather.com. The first Vue 2 custom scrollbar library that
The virtual responsive crossbrowser scrollbar component for VueJS 2
VBar The virtual responsive crossbrowser scrollbar component for VueJS 2x Live Demo https://luiguild.github.io/v-bar/ Usage Install Using NPM npm i v-bar Using yarn yarn add v-bar In your .vue component
Adds a directive that listens for click events and scrolls to elements
vue-scrollto Scrolling to elements was never this easy! Scroll to any element on page,Scroll inside any container,Customize how scrolling behaves. Live Demo https://rigor789.github.io/vue-scrollto/#/ This is for vue
A Simple and powerful vuejs validation
Vuelidation simple, powerful, vuejs validation. See the Pen Vuelidation Example by cj (@cj) on CodePen. Install yarn add --dev vuelidation@latest Include Plugin import Vue from 'vue'; import Vuelidation from 'vuelidation'; Vue.use(
A simple yet flexible validator library for vue.js
Simple Vue Validator lightweight yet flexible model based vue validation. Simple Vue validator is a lightweight yet flexible plugin for Vue.js 2.0 that allows you to validate input fields, and display
RawModel.js plugin for Vue.js v2. Form validation has never been easier
vue-rawmodel RawModel.js plugin for Vue.js v2. Form validation has never been easier! This plugin integrates RawModel.js framework into your Vue.js application. RawModel.js is a simple framework which provides
Simple Vue.js input validation plugin
vee-validate vee-validate is a plugin for Vue.js that allows you to validate input fields, and display errors. You don't have to do anything fancy in your app, most of the work goes
Validator component for Vue.js
vue-validator Validator component for Vue.js NOTE: official release for Vue.js 2.0 not yet :construction: NOTICE vue-validator have retiring from vue.js official plugins. in the future, vue-validator is continuing as
A reusable focus directive for reusable Vue.js components
vue-focus A reusable focus directive for reusable Vue.js components. It can be tricky to manage input focus. You always have to fall back to accessing DOM elements and calling .focus or .blur
A Directive and Mixin for responsive handling with vue.js
Vue-Responsive Is a directive to use responsive breakpoints on html elements. Because sometimes it's nice to have a chance to let the view do resolution specific things. Dependencies: Only Vue.js 2.0
Vue 2.x directive to react on events outside of an element
vue-outside-events Vue 2.x directive to react on events outside of an element without stopping the event's propagation. Works well for handling clicks outside of menus and popups. Can handle any DOM event
Vue directive to detect resize events with deboucing and throttling capacity
Vue.resize Vue directive to detect HTML resize events based on CSS Element Queries with deboucing and throttling capacity. Use throttle when you need to rate-limit resize events frequency. With default timeout (150
Vue ShortKey plugin for Vue.js
Vue ShortKey Vue-ShortKey - plugin for VueJS 2.x accepts shortcuts globaly and in a single listener. Install npm install vue-shortkey --save Usage Vue.use(require('vue-shortkey')) Add the shortkey directive to the
Time Comparison with vue.js
Using the browser's native API for .toLocaleTimeString to get rid of libraries like moment.js for world time that respects daylight savings. Made with Vue, SVG, GreenSock. The dial was built off of
A Vue.js 2.0 Mobile UI From YouZan
vant A Vue.js 2.0 Mobile UI at YouZan Install npm i -S vant You can scan the following QR code to access the demo： Live Demo https://www.youzanyun.com/zanui/
Semantic-ui Modules implemented with Vue 2
SemVue Semantic-ui modules/components in you Vue project Semantic-ui Modules implemented with Vue 2 Using # install package npm install semvue --save Using any component Simply import in your .vue the component that you
Uiv : Bootstrap 3 components implemented by Vue 2
Uiv Bootstrap 3 components implemented by Vue 2. Dependencies Vue 2 (tested on ^2.2.6) Bootstrap 3 CSS (tested on ^3.3.7) Supported Browsers Components and directives are tested with the
Translate Bulma css api to vue components
vue-bulma-components The goal of this library is to use the bulma class syntax as components and props. 3kb minified Install yarn add vue-bulma-components or npm install --save vue-bulma-components Live Demo https://vouill.github.
Material web components for Vue.js
Vue Material Components web Material Components Web for Vue.js This is the adaptation of Material Components web for Vue.js. Keeping them fast, easy to use and, SSR ready. Live Demo http: