Awesome Vue.js

A curated list of awesome things related to Vue.js

Official Resources
External Resources
Community
Podcasts
Official Examples
Tutorials
Development Tools
Syntax Highlighting
Snippets
Autocomplete
Libraries & Plugins
Projects Using Vue.js

Official Resources

Official Guide
API Reference
GitHub Repo ^{★ 16889, pushed 0 days ago}
Release Notes

External Resources

Vue.js資料まとめ(for japanese) by @hashrock

Community

Twitter
Gitter Chat Room
Official Forum
vue-requests - Request a Vue.js module you wish existed or get ideas for modules

Podcasts

Development Tools

vue-cli : official CLI for scaffolding Vue.js projects. ^{★ 565, pushed 10 days ago}
vue-loader - Vue component loader for Webpack.
- vue-loader-example ^{★ 312, pushed 48 days ago}
^{★ 450, pushed 1 days ago}
vueify - Vue compcomponent transform for Browserify.
- vueify-example ^{★ 83, pushed 83 days ago}
^{★ 408, pushed 3 days ago}
vue-devtools - Chrome devtools extension for debugging Vue applications. ^{★ 583, pushed 10 days ago}
grunt-vueify - Translate .vue files to pure JavaScript, without using Browserify. (Useful for Electron apps) ^{★ 1, pushed 54 days ago}
vue-compiler - A simple CLI wrapper around vueify ^{★ 2, pushed 7 days ago}
vue-autocompile - Atom.io package to compile .vue files on save.
vue-dev-server - A small webpack-based development server for building standalone vue components ^{★ 3, pushed 42 days ago}
vue-go-cli - a CLI tool for scaffolding new projects generating components, services, and mixins. ^{★ 2, pushed 48 days ago}
brunch-vue - Adds support to Brunch for pre-compiling single file Vue components. ^{★ 2, pushed 44 days ago}
vueify-extract-css - Browserify plugin to extract css from Vueify-compiled single file components to a separate css file. ^{★ 18, pushed 29 days ago}
eslint-plugin-vue - Eslint plugin for .vue files. ^{★ 20, pushed 21 days ago}

Syntax Highlighting

Sublime Text
Atom by @hedefalk
Atom (2) by @CYBAI
Vim by @darthmall and @posva ^{★ 30, pushed 2 days ago}
Visual Studio Code by Jim Liu
Brackets by @pandao ^{★ 6, pushed 113 days ago}
IntelliJ IDEA / WebStorm by @henjue ^{★ 135, pushed 28 days ago}
Emacs by @CodeFalling ^{★ 2, pushed 10 days ago}

Snippets

vue-snippets for Atom.io by @ealves-pt

Autocomplete

vue-autocomplete for Atom.io by @ealves-pt

Libraries & Plugins

Routing
- vue-router - Official router for building SPAs. ^{1.0 compatible}
- Vue page , a routing system based on pagejs by @AlexToudic ^{★ 15, pushed 247 days ago}
- Vue Lanes , an event-based routing system for Vue by @bpierre ^{★ 19, pushed 756 days ago}
- Vue route , ng-view inspired routes for Vue by @ayamflow ^{★ 70, pushed 258 days ago}
- voie — simple router / layout manager inspired by FSMs and ui-router by Boris Okunskiy ^1.0 ^{★ 107, pushed 2 days ago}
^{★ 1070, pushed 1 days ago}
Ajax/Data
- vue-resource - AJAX/Resource plugin maintained by the PageKit team. ^{1.0 compatible}
- vue-async-data - Async data loading plugin ^{1.0 compatible} ^{★ 174, pushed 2 days ago}
- vue-async-computed - Plugin to support computed properties that are calculated asynchronously. By @foxbenjaminfox ^{★ 15, pushed 3 days ago}
- vue-chimera - A full-featured RESTful resource based client, campatible with Nuxtjs and server side fetching. @SasanFarrokh ^{★ 15, pushed 4 days ago}
^{★ 1143, pushed 34 days ago}
State Management
- vuex - Flux/Redux inspired application architecture for Vue.js.
- revue - Redux binding for Vue by @egoist
- vue-redux - Redux binding for Vue by @yang-wei ^{★ 74, pushed 75 days ago}
- vue-freeze - Simple state management whitout bloating API and Concept for Vue by @BosNaufal ^{★ 29, pushed 21 days ago}
- vue-simple-store - Store Organizer To Simplify Your Stores for Vue By @BosNaufal ^{★ 25, pushed 22 days ago}
^{★ 1184, pushed 1 days ago}
Validation
- vue-validator - Form validation plugin maintained by @kazupon ^{1.0 compatible}
- Vue validator by @xrado ^{★ 34, pushed 195 days ago}
- vue-form by @fergaldoyle ^{1.0 compatible} ^{★ 105, pushed 2 days ago}
^{★ 533, pushed 0 days ago}
UI Components
- VueStrap , Bootstrap components built with pure Vue.js by @yuche ^1.0
- VueBoot , Bootstrap v4 components by @Morgul ^1.0
- vue-mdl : Reusable Vue.js components using Material Design Lite. By @posva ^{★ 282, pushed 4 days ago}
- vue-countup : A Vue.js component for the very interesting CountUp.js plugin. ^{1.0 compatible} ^{★ 8, pushed 78 days ago}
- Vue Tag Editor Component by @hnakamur ^{★ 19, pushed 762 days ago}
- Vue Crop
- Vue Typeahead
- Typed select component by @dgerber ^{★ 3, pushed 321 days ago}
- vue-select : A Vue.js component implementing the select control with the jQuery select2 plugin . By @Haixing-Hu ^{★ 44, pushed 43 days ago}
- vue-html-editor : A Vue.js component implementing the HTML editor with the jQuery summernote plugin . By @Haixing-Hu ^{★ 54, pushed 79 days ago}
- vue-datetime-picker : A Vue.js component implementing the datetime picker control using the Eonasdan's bootstrap datetime picker plugin . By @Haixing-Hu ^{★ 54, pushed 17 days ago}
- vue-country-select : A Vue.js component implementing the select control used to select countries. It depends on vue-select and vue-i18n . By @Haixing-Hu ^{★ 11, pushed 192 days ago}
- Form generation from JSON Schema by @dgerber ^{★ 19, pushed 320 days ago}
- vue-panel : A suite of Vue.js components for building Flexbox layouts by @ericmcdaniel ^{★ 36, pushed 112 days ago}
- vue-google-maps : A suite of Vue.js components to build reactive Google Maps Applications by @GuillaumeLeclerc
- vue-transition : A component to trigger a CSS transition at any time by @Twiknight ^{★ 34, pushed 49 days ago}
- SVG icons , SVG sprites in form of a simple component, by @kzima ^1.0
- Extra Vuestrap components , more components built with just B4 and Vue.js, by @kzima ^1.0
- VueStrap Base Components , A complete set of Bootstrap 4 web components built with pure Vue.js, by @kzima ^1.0
- Vue YouTube Embed : a directive for Vue.js and YouTube by @kaorun343 ^{★ 16, pushed 29 days ago}
- Vue datepicker : calendar and datepicker component with material design for Vue.js by @hilongjw ^{★ 48, pushed 1 days ago}
- vue-date-picker : A simple datepicker component for Vue.js by @Bubblings ^{★ 15, pushed 8 days ago}
- vue-spinner : A collection of loading spinners with Vue.js. ^{★ 129, pushed 54 days ago}
- vue-image-loader : Async image loader for Vue.js by @eduardostuart ^{★ 13, pushed 73 days ago}
- Vue-progressbar : A lightweight progress bar for Vue.js by @hilongjw ^{★ 35, pushed 73 days ago}
- Famous-Vue : Declarative Famous using Vue ^{★ 10, pushed 64 days ago}
- vue-waterfall : A waterfall layout component for Vue.js by @MopTym ^{★ 204, pushed 54 days ago}
- vue-charts : A Google Charts plugin for Vue.js by @haydenbbickerton ^{★ 17, pushed 15 days ago}
- vux : Mobile web UI Components based on Vue and WeUI ^{★ 1057, pushed 0 days ago}
- vue-select : Simple component that implements Select2/Chosen style dropdowns with no dependencies ^1.0 ^{★ 154, pushed 8 days ago}
- Vue-slide : A lightweight slide component for Vue.js by @hilongjw ^{★ 29, pushed 19 days ago}
- Vue-quill : A Vue component implementing the Quill text editor by @brockreece ^{★ 5, pushed 22 days ago}
- vue-pagenav : A vue pagenav plugin by @zxdong262 ^{★ 6, pushed 4 days ago}
- Vue-calendar : A vue calendar component with less code by cucygh ^{★ 1, pushed 23 days ago}
- Vue Material Components : Vue.js UI components using materializecss.com by mjanys
- vue-autocomplete Autocomplete Component for Vue by @BosNaufal ^{★ 22, pushed 94 days ago}
- vue-loading-bar Youtube Like Loading Bar Component for Vue by @BosNaufal ^{★ 26, pushed 10 days ago}
- vue-bootstrap-modal Bootstrap style modal component for Vue by @Coffcer ^{★ 5, pushed 3 days ago}
- vue-comps : A collection of unstyled and unanimated components (side-nav / modal / collapsible / clusterize / dropdown / resize-handle and other)
- vue-materialize : materializeCss styles and animations for some of vue-comps ^{★ 22, pushed 1 days ago}
- vue-waves :Click effect inspired by Google's Material Design ,the vue version By @Teddy-Zhu ^{★ 3, pushed 8 days ago}
- vue-table : component that will automatically request (JSON) data from the server and display them nicely in html table with swappable/extensible pagination component. By @ratiw ^{★ 26, pushed 0 days ago}
- fire-select : Vue component that transforms overwhelming select boxes into something fancy, simple and user-friendly. It is similar to Selectize, Chosen, Select2, etc. ^{★ 26, pushed 1 days ago}
i18n
- vue-i18n : Internationalization plugin.
- vue-i18n : A plugin providing a global interface used to localize internationalized messages used in the ^{★ 32, pushed 2 days ago}
- vue-locale : Advanced localization support for VueJS ^{★ 9, pushed 34 days ago}
- vue-jade-editor : a online jade(pug) editor plugin by @zxdong262 ^{★ 0, pushed 8 days ago}
^{★ 164, pushed 1 days ago}
Examples
- Starter Application with JWT Auth + sample backend API in Laravel
- Node Webkit + Vue example by @brandonjpierce ^{★ 34, pushed 287 days ago}
- Vue Samples by @superlloyd ^{★ 18, pushed 175 days ago}
- HackerNews clone with vue.js + vue-router by @kazupon ^{★ 2, pushed 240 days ago}
- Electron + Vue example by @bradstewart ^{★ 144, pushed 1 days ago}
- Single page application example (Vue + Voie) by Boris Okunskiy ^{★ 30, pushed 108 days ago}
- Begin - Task Manager SPA written in Vue + Lumen by Raj Abishek ^{★ 10, pushed 25 days ago}
- Vue Mini Shop by BosNaufal ^{★ 10, pushed 22 days ago}
- Vue SoundCloud by mul14 ^{★ 11, pushed 0 days ago}
- vuefire-quickstart Star well-documented Firebase integration w/ webpack and eslint, by @sejr
Boilerplates
- Boilerplate for Vue.js plugin by @kazupon
- Boilerplate for Vue.js & Atom Electron by @rodzzlessa24 ^{★ 33, pushed 14 days ago}
- Boilerplate for Nuxt.js using Wordpress REST API as headless CMS. by @bovas85 / @moustacheDsign
^{★ 16, pushed 52 days ago}
Scaffolding
- vue-cli : official CLI for scaffolding Vue.js projects.
- Vue generator : a simple yeoman generator for Vue by @BirdEggegg
- VENM stack yeoman generator by @jfelsinger ^{★ 35, pushed 121 days ago}
- Grail Yeoman Generator : a advanced yeoman generator for a modern modular one page web app, extendable with Vue.js alongside other nice tools ^{★ 9, pushed 167 days ago}
- VuePack : A modern starter for Vue and Webpack by @egoist ^{★ 157, pushed 6 days ago}
- VueWebgulp : A skeleton app using Vuejs, Gulp, and Webpack by @rodzzlessa24 ^{★ 31, pushed 30 days ago}
- Vuetober : SPA scaffolding for October CMS ^{★ 21, pushed 26 days ago}
- vue-go-cli - a CLI tool for scaffolding new projects generating components, services, and mixins.
- Brunch with Vue - A skeleton application utilizing vue, vuex, vue-resource and vue-router. ^{★ 9, pushed 37 days ago}
- Vue-Django - A boilerplate to set you up in bringing the awesomeness of VueJS into a Django (Python) app.
- python-vuejs - Gluing Python web frameworks and Vue.js with a set of scripts. Basically a vue-cli wrapper.
Integrations
- Vue for Meteor by @zhouzhuojie
- ScalaJS bindings for Vue.js by @fancellu ^{★ 22, pushed 177 days ago}
- Socketize Backend : Sync your model data to Socketize backend automatically. By @Socketize ^{★ 6, pushed 118 days ago}
- Vue-Meteor-Data Two-way-reactivity mixin for Vue and Meteor by @JakobRosenberg ^{★ 12, pushed 3 days ago}
- Vue Proerty Decorator : Property Decorators for Vue.js by @kaorun343 ^{★ 7, pushed 87 days ago}
^{★ 74, pushed 114 days ago}
General Plugins/Directives
- vue-element : Register real custom elements with Vue.
- vue-touch : Hammer.js wrapper directives for touch gestures. (Updated for 1.0!) ^{★ 217, pushed 15 days ago}
- vue-animated-list : A Vue.js plugin for easily animating v-for rendered lists. ^{★ 85, pushed 63 days ago}
- Vue placeholder directives by @lithiumjake ^{★ 46, pushed 793 days ago}
- Vue in viewport detection directive by @holic ^{★ 27, pushed 666 days ago}
- Vue once directive by @kewah ^{★ 10, pushed 498 days ago}
- Vue Modified Directive by @KyleRoss ^{★ 10, pushed 434 days ago}
- Maintain scroll position on page changes by @mark-hahn ^{★ 16, pushed 30 days ago}
- vue-titlecase : A plugin providing a global filter and an instance method used to titlecase (different from capitalize) strings. By @Haixing-Hu ^{★ 9, pushed 164 days ago}
- vue-format : A plugin providing a global filter and an instance method used to format messages with arguments. By @Haixing-Hu application. By @Haixing-Hu ^{★ 9, pushed 62 days ago}
- vue-clickaway : Assign a method to be called whenever user clicks away from the element. By @simplesmiler ^{★ 33, pushed 118 days ago}
- vue-focus : Manage input focus in the MVVM-friendly way. By @simplesmiler ^{★ 31, pushed 118 days ago}
- vue-transfer-dom : Transfer DOM to another location. by @rhyzx ^{★ 17, pushed 31 days ago}
- vue-lazyload : lazyloading images. by @hilongjw ^{★ 59, pushed 5 days ago}
- v-touch : The easiest way to use Hammer.js with Vue.js and use touch gestures. by @didierfranc ^{Vue.js 1.x} ^{★ 5, pushed 74 days ago}
- vue-mixins A collection of mixins aimed to replace some jQuery functionality ^{★ 9, pushed 8 days ago}
- vue-filters A collection of filters ^{★ 2, pushed 47 days ago}
- vue-round-filter filter for rounding with whichever decimal accuracy ^{★ 0, pushed 65 days ago}
- vue-paginate A simple plugin to use pagination in vue.js. by @TahaSh ^{★ 40, pushed 18 days ago}
- vue-super A simple plugin to call methods on parent components. ^{★ 5, pushed 50 days ago}
- vue-deepstream Plugin to simplify event subscription and event trigger when using deepstream.io ^{★ 6, pushed 3 days ago}
- vue-plain Plugin to get plain object from vue getter/setter object. ^{★ 1, pushed 16 days ago}
- vue-calc-input Vue directive to make a calculator input behavior by @BosNaufal ^{★ 1, pushed 40 days ago}
- vue-move-dom Vue Directive to move the DOM without losing all the VM data, event, etc. by @BosNaufal ^{★ 1, pushed 40 days ago}
- vue-animate : Use Animate.css with Vue.js transitions. By @haydenbbickerton ^{★ 10, pushed 12 days ago}
- vue-sortable : A lightweight directive for reorderable drag-and-drop lists using RubaXa/Sortable . By @sagalbot ^{★ 19, pushed 14 days ago}
- vue-loading : Vue directive, show loading block in any element. By @coffcer ^{★ 13, pushed 10 days ago}
- vue-gesture :touch events plugin for Vue.js.You can v-gesture directive,and directive auguments can use a tap, swipe, etc. ^{★ 27, pushed 15 days ago}
- vue-lazyload-img another image lazyload plugin for Vue, especially optimized for mobile browser. By @JALBAA ^{★ 5, pushed 7 days ago}
- vue-not-visible Vue directive for removing from dom (like v-if) element on screen smaller than breakpoints. By @PxyUp ^{★ 5, pushed 1 days ago}
Talks
- Vue unit tests by coulix

Projects Using Vue.js

Open Source
- PageKit ^[Source]
- p5.js editor ^[Source]
- Python China ^[Source]
- npmcharts.com ^[Source]
- Todolist by @jiyinyiyong
- Dashboard framework by @thelinuxlich ^{★ 40, pushed 211 days ago}
- a simple notepad ^{★ 43, pushed 152 days ago}
- FilterBlend : CSS blend modes and filters playground by @ilyashubin ^{★ 135, pushed 79 days ago}
- Koel : Music streaming server
- Selection Translator ^[Source] A Chrome Extension let browse any language websites has never been easier.
- SwitchHosts ^[Source] Switch hosts quickly.
- RSS Reader Simple RSS Reader made using atom electron and vue.js. ^{★ 136, pushed 33 days ago}
- Gokotta : A simple music player built by electron and vue. ^{★ 121, pushed 27 days ago}
- Coffeebreak Tool for live editing CSS components ^{★ 38, pushed 38 days ago}
- BaiduHui: Push Notification - 百度惠：实时推送优惠 ^[Source] A Chrome Extension allows user use Baidu-Hui services and recieves the push notification about the latest discount infos.
- Demo of Bureaufast workflow egine ^[Source] An enterprise work flow engine capable of integrating SAP, Oracle, etc. e.g., Purchase Order release just by config although futher development supported.
Apps/Websites
- Laravel Spark
- Vice Video
- Formlets
- Laracasts
- Sainsbury's Entertainment onboarding platform
- CUUSOO
- esa.io
- N1.ru
- 稀土掘金
- Prague Airport
- Expressionery
- BUYIT by @ Workswell Australia
- Portfolio Site by Corentin Bac
- Compare Prices by Currys & PCWorld
- Grammarly mistake-free writing service
- Laravist
- Atiiv An app aimed for personal trainers and their clients.
- Statamic
- Embalses! A tool to report water dam level using the U.S. Geological Survey database.
- TravelMap A simple way for travellers to create a blog based on a Map
- movienote.org A app which help users maintaining a list about what movie they have watched.
- Proper Cloth Shirt Builder Custom shirt builder
- CheckIt ^{★ 0, pushed 17 days ago}
- Reddit News A browser extension which show notifications and news from reddit ^{★ 27, pushed 14 days ago}
- Powerpuff Yourself by Cartoon Networks
- 小桃酱
- 12BAY.VN - Applications online flight bookings. Ứng dụng săn vé may bay siêu rẻ.
- YBR - Centralized YBS Public eComplaint Management System. (Full SPA)
Interactive Experiences
- Jean-Pierre Morin | 1700 LAPOSTE - by Écorce & KFFEIN
- Facebook NewsFeed
- YouTube AdBlitz 2016
- Blood, Sweat and Tools - by Jam3, led by @cheapsteak
- Omnisense Experience - Awwwards & FWA SOTD, FWA Cutting Edge. Awwwards SOTM nominee.
- Being the Bear - Awwwards & FWA SOTD, FWA Cutting Edge, Awwwards SOTM nominee.
- Heineken Star Experience - FWA SOTD.
- Louis Ansa Website (portfolio) - Awwwards SOTD, FWA nominee.
- Digital For All
- Djeco.com
- NOIZE original - by KFFEIN
Enterprise Usage
- Alibaba
- Baidu
- Sina Weibo
- Xiaomi
- Ele.me
- Optimizely
- Expedia
- UCWeb
- Line
- Nintendo
- Celtra
- Sainsbury's
- AREX
- gitlab
- Tuniu mp

Awesome Vue.js

Official Resources

External Resources

Community

Podcasts

Official Examples

Tutorials

0.12 and earlier

Development Tools

Syntax Highlighting

Snippets

Autocomplete

Libraries & Plugins

Routing

Ajax/Data

State Management

Validation

UI Components

i18n

Examples

Boilerplates

Scaffolding

Integrations

General Plugins/Directives

Talks

Projects Using Vue.js

Open Source

Apps/Websites

Interactive Experiences

Enterprise Usage

License