Awesome

Vue.js the best way

Vue is a progressive framework for building user interfaces.

Why & When to use VueJs?

Vue is perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries. Vue makes it easy to organise assets of your web application.

Vue.js Resouces

A curated list of awesome things related to Vue.js

Official resources

• Official Guide
• API Reference
• GitHub Repo
• Release Notes
• Style Guide

Community

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

Tutorials

• Vue.js screencasts on Laracasts
• Build an App with Vue.js: From Authentication to Calling an API on Auth0 blog
• Create a GitHub File Explorer Using Vue.js on Scotch.io
• Vue.js Tutorial on Vegibit
• Vue.js build set-up from scratch with webpack, vue-loader and hot reload
• Vuex basics: Tutorial and explanation
• Vuex introduction video - James Browne from London Vue.js Meetup #1

Development Tools

• ceri-dev-server - A small development server for building components.
• vuepack.org - A simple page that allows you to select Vue components and download them as a single minified JS file.
• Storybook - The UI Development Environment. works with v3.2+ later.
• Font Awesome Finder - Chrome extension to search, preview and choose Font Awesome icons and copy the selected icon HTML code & Unicode to clipboard.
• vue-dummy - Placeholder Text and Dummy Images as a simple v-dummy directive.
• Bit - Manage and reuse vue components between projects. Easily isolate ans share components from any projec without chagning its source code, organize curated collections and install in different projects.

Syntax Highlighting

Atom

• language-vue@atom.io - Vue component file syntax for Atom.
• language-vue-component@atom.io - Adds syntax highlighting to Vue Component files in Atom.
• vue-autocomplete@atom.io - Vue.js 1.0+ autocomplete for Atom.
• vue-snippets@atom.io - Atom snippets for Vue component files.
• vue-autocompile@atom.io - Auto compile vue file on save.
• lint-sass-vue@atom.io - Atom.io package to lint Sass/SCSS in .vue files.
• vuejs2-snippets@atom.io - Atom snippets for javascript and components, including lifecycle hooks, directives, properties, vuex, vue-router, vue-i18n support.

Sublime Text

• Vue Syntax Highlight - Sublime Text syntax highlighting for single-file Vue components.
• VUEFormatter - Sublime Text code format
• vuejs-sublime-complete - Sublime Text code complete

Vim

• Vim Vue - Syntax Highlight for Vue.js components.

Visual Studio Code

• Vetur - Vue tooling for VSCode.

Kate

• Kate Syntax Files - Syntax files (modified or original) for katepart (kate, kwrite, kdevelop).

Autocomplete

• vue-instant - Vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 applications.
• v-autocomplete - Autocomplete component for Vue.js
• vue-awesomplete - Vue wrapper for Awesomplete
• vue-auto-complete - Autocomplete for Vue2. Works with objects or api calls.
• vue-autosuggest - WAI-ARIA complete Autosuggest component with full customization over rendering and styling.
• v-autosuggest - A simple modular Vuejs component that autosuggest input from a dyanamic or static data querying.
• autocomplete - Simple Autocomplete component for Vue.js 2.*

Component Collections

Editable

• vue-xeditable - Better editable Component in Vue Edit.

Picker

• vue-smooth-picker - A smooth picker component for Vue 2.x, like iOS native datetime picker.

Generator

• vue-json-schema - Generate a form using JSON Schema and Vue.js

Libraries & Plugins

1. Libraries & Plugins

2. Ajax/Data

3. State Management

4. Validation

• vee-validate - Simple Vue.js input validation plugin.
• vue-rawmodel - RawModel.js plugin for Vue.js v2. Form validation has never been easier.
• vuelidate - Simple, lightweight model-based validation for Vue.js.
• simple-vue-validator - A simple yet flexible validator library for vue.js.
• vue-vform - Vue.js 2 form component that integrates jQuery Validation and Axios.
• vue-form - Comprehensive form validation for Vue.js.
• vuelidation - simple, powerful, vuejs validation.
• laravel-vue-validator - Display errors from laravel validation rules
• vuejs-model-validator - VueJS style data component validation. Easiness, simplicity, accurate.

5. UI Components

External Resources

• Vue.js Newsletter - Weekly dose of handpicked Vue.js news
• Vue.js Tips - Tips to become a better Vue.js developer
• Vue.js Radar - Curated newsletter + site covering new Vue.js releases/contributions
• Vue.js Feed - News, plugins, tutorials, code & jobs to keep updated with VueJs
• Vue.js Wikipedia

Job Portal

• Vue.js Jobs - VueJobs - A Vue.js special job portal to hire or get hired for all your Vue.js jobs

Community Examples

• Starter Application with JWT Auth + sample backend API in Laravel
• Vue Samples by @superlloyd
• Single page application example (Vue + Voie) by Boris Okunskiy
• Vue Mini Shop by @BosNaufal
• Vue SoundCloud by @mul14
• Feature Requests (Laravel + Vue Combo) by @haydenbbickerton
• Vue + Laravel Blog (PJ Blog) by @Jiajian Chan
• HackerNews clone with vue.js + vue-router by @kazupon
• vue-chart-stater-kit Quick starter using Vue Router, Vue Chart, Element-UI
• vue2.0-demos using mint-ui, Element-UI,And have Some demos（select city and so on）
• conway Conway's Game of Life in Vue.
• vuex-feature-scoped-structure An example application of the feature scoped vuex application structure
• vuex-examples - Simple Examples on using Vuex to build Real World Apps
• vue-vuex-todomvc - Example TodoMVC Vue.js app with Vuex store and server backend via REST and full set of E2E tests using Cypress.io test runner.
• vuejs-sqljs-boilerplate - This is a boilerplate to use both Vue.js and sql.js together
• Vue Cookbook (Vue1.0 + express) by @yjj5855: A demo first screen rendering of a service
• Strong Together - Laravel +Vuejs - A starter project to build single page Vue.js apps as stand-alone or for Laravel / Laravel Spark projects, based on Browserify and Semantic-ui) by @WebSemantics
• Node Webkit + Vue example by @brandonjpierce
• Electron + Vue example by @bradstewart
• Begin - Task Manager SPA written in Vue + Lumen by Raj Abishek
• jwt-example by @petervmeijgaard
• Vue Simple PWA by BosNaufal
• vue-table-pagination A table with pagination by echovic
• Feathers and Vue 2.0 Blog Admin Demo Demo for using Feathers with Vue 2.0. It includes authentication, vue-router, vue-infinite-loading and roles by delay
• vue-zhihudaily-2.0 Zhihudaily demo built with Vue 2.0, vue-router & vuex, with server-side rendering. by cs1707
• vue-demo-todolist a simply vue2.0 demo built with Vue 2.0, vue-cli. by fishenal
• vuetest: an ad admin web with user auth, bootstrap ui, uploader, WYSIWYG editor in iframe
• vue-shopping by @andylei18
• Vue-cnodejs,060 by @shinygang
• vue-zhihu-daily by hilongjw
• VueChess -Multiplayer online chess game by gustaYo
• Ngexplorer-vuejs-client -Vue client for Ngexplorer by gustaYo
• Vue 2048 (Vue + Webpack) by @pengfu: Popular 2048-Game implemented using Vue,Webpack,Sass,ES6
• vue-s3-dropzone A Vue.js drag-and-drop component uploads files to AWS S3 serverlessly
• easy-vue a easy example using the vue to implement easy web with vue 2.0, vuex 2.0,vue-router 2.0, vue-infinite-scroll 2.0, vue-progressbar 2.0 by TIGERB
• Vuex Events Messaging Demo by Metric Loop
• vue-AdminLte by liujians
• Vue(2.0) + Node.js: A blog content manage system (CMS) by @ycwalker
• ngexplorer-quasar -Implementation of Ngexplorer with quasar framework by gustaYo
• vue-memo a simple demo build with Vue.js(>2.x.), vue-router(>2.x.), vuex(>2.x.), vuex-router-sync@next(>3.x.) and Firebase(>3.6.x) by akifo
  • vue-2.x-boilerplate - A simple and small starter kit for a Vue project Vuex + vue-router
• vue-minesweeper - A deadly simple minesweeper game with vuejs by rhapsodyn
• X-Flowchart-Vue - A flowchart editor with SVG and Vue by OXOYO
• koa-vue-notes-web - A fleshed-out SPA using Koa 2.3 on the backend and Vue 2.4 on the frontend. Includes fully featured user-authentication components, CRUD actions for the user's notes, and Vuex store modules.
• Vuejs Shopping Cart - Shopping cart example using Vuejs and Firebase
• PokedexVueJs by @rchung95
• vuefire-auth A Vuefire Vue2-Auth-Email Verification with Firebase
• vuefire-realtimedatabase A Vuefire Vue2-RealtimeDatabaseCRUD with Firebase
• vuefire-storage A Vuefire Vue2-Storage with Firebase
• Vue2-PWA-Blog by @deepak-singh
• vue-firebase-auth-vuex A Vue2 Firebase Authentication with Vuex and support Progressive Web Apps
• vuejs-d3 examples how to use d3 for visualisations.
• vue-twitter-client A Twitter Client App build with Vue 2.X, Vuex, electron-vue and Electron
• Storyblok vuejs-boilerplate - Integrates Storyblok's Component System, allows to create editable Websites
• aspnetcore-Vue-starter A VueJS 2 starter template as part of an asp.net MVC dotnetcore project. This template includes the VueJS client app and a backend API controller.
• vue-reddit-app A Reddit SPA demo built with Vue 2.X , Vue Router 2 , Vuex and axios. Using Muse-UI and vue-cli webpack template by @yujiahaol68
• NavigationTab with Vue-Redux and Plain VueJSX Navigation Tab with both plain Vue JSX and Vue + Redux Binding
• MyDiary-Vue A diary application build with Vue 2.X which is also have contact and todolist function
• Sample CRUD app with router in Vue 2.0 by @shershen08
• vuefire-quickstart - Documented Firebase integration w/ webpack and eslint, by @sejr.
• hello-vue-django Vue.js and Django integration starter project with hot code reload
• Real Time Social News App developed with Phoenix, Vue, Vue Router and Vuex (demo) by @Angarsk8
• vue-calculator a simply calculator built with Vue 2.0, vue-cli(webpack-simple). by CaiYiLiang
• Wikipedia-viewer A simple wikipedia-viewer page built with vue2.x ,vue-router,vue-cli(webpack-simple) and ajax(jsonp). by CaiYiLiang
• vue-laravel-example Vue - Laravel - Example is a simple example to set Vue with Laravel. by Jiajian Chan
• vue-foundation A demo app integrating VueJS with Zurb Foundation, built using the webpack vue-cli template
• vue-music-qq A qq-music project is based on vue-cli. The pages are simple and smooth
• VueJS Example Projects on Github by Ali GÖREN
• todo-mvc-webpack by voluntapear TodoMVC implementation on Vue 2 using the webpack-basic template with examples showing vuex, vue-router, central event bus and VueFire.
• Chess Storybook Example with Vue 2.0 by gustaYo
• Vue Weather Notifier A small sample animation app with SVG and Vuex
• Nuxt Type An example Vue project with Nuxt for routing/SSR to demo page transitions
• VueBlog A blog system supporting service side rendering by wmui