Awesome Vue.js

A curated list of awesome packages, tutorials and other cool resources for Vue.js

• Official Resources
• External Resources
• Community
• Tutorials
• Development Tools
• Syntax Highlighting
• Snippets
• Autocomplete
• Component Collections
• Libraries & Plugins
  • Routing
  • Ajax/Data
  • State Management
  • Validation
  • UI Components
  • i18n
  • Examples
  • Boilerplates
  • Scaffolding
  • Integrations
  • General Plugins/Directives
  • SEO
• Projects Using Vue.js
  • Open Source
  • Apps/Websites
  • Interactive Experiences

Official Resources

• Official Guide
• API Reference
• GitHub Repo
• Release Notes
• Basic Examples
• Vue.js TodoMVC
  • CoffeeScript Version ★5
• Vue.js HackerNews Clone ★1,277

External Resources

• Vue.js Newsletter - Weekly dose of handpicked Vue.js news
• Vue.js Jobs - A platform to find/post your Vue.js jobs

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
• Vue.js 中文系列视频教程 on Laravist
• Vue.js: The Basics on Coligo.io
• VueJs: Components on Coligo.io
• Dynamic Components in Vue.js on Coligo.io
• Develop a Reactive Invoice App using Vue.js on craigmckenna.com
• Understanding Filters in Vue.js on Coligo.io
• Hybrid App Example with Laravel and Vue.js in portuguese by @vedovelli
• Creating a Markdown Editor with VueJs and GitHub's API on Coligo.io
• Building a Real-Time Web Analytics Dashboard with NodeJs, Socket.io, and VueJs on Coligo.io
• Vue.js Introduction Turkish Language on oguzhan.in
• Vue.js VideoTutoral Series in Spanish (3-8-2016) on YouTube by Juan Andrés Núñez
• Building a Bookmarking App with Electron, VueJs, and Firebase on Coligo.io
• Learn Vuex by Building a Notes App on Coligo.io
• Vue.js Screencast Series in Spanish on Styde.net
• **讲解Vue.js 官网 中文-含代码、百度云、youtube ** on bhnddowinf
• Exploring Real Time Apps with VueJS, ES2015 and Webpack on Pusher
• [Vue.js in Bahasa Indonesia] (https://www.sekolahkoding.com/track/belajar-vue-js) on sekolahkoding.com
• Building a Mobile App with Cordova and Vue.js on Coligo.io
• Vue.js from Scratch Series in Russian on YouTube by .dev
• Створення сервісу для зберігання файлів з Flask, RethinkDB та Vue.js, ч. 1 Ukraine
• VueJS 2 French tutorial Français par Grafikart
• Jayway Vue.js workshop. Build an e-commerce site with vue-router, vuex and vue-resource
• What's new in Vue.js 2 : Transitions
• Building a VueJS chat app with realtime storage of messages in Airtable by Srushtika Neelakantam (December 2020)
• Building a realtime quiz with VueJS using a starter kit by Srushtika Neelakantam (October 2020)

Development Tools

• **vue-cli **: official CLI for scaffolding Vue.js projects.
• **vue-loader ** - Vue component loader for Webpack.
• **vueify ** - Vue component transform for Browserify.
• **vue-devtools ** - Chrome devtools extension for debugging Vue applications.
• grunt-vueify - Translate .vue files to pure JavaScript, without using Browserify. (Useful for Electron apps)
• vue-compiler - A simple CLI wrapper around vueify
• 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
• vue-go-cli - a CLI tool for scaffolding new projects generating components, services, and mixins.
• brunch-vue - Adds support to Brunch for pre-compiling single file Vue components.
• vueify-extract-css - Browserify plugin to extract css from Vueify-compiled single file components to a separate css file.
• eslint-plugin-vue - Eslint plugin for .vue files.
• vbuild ★119 - Preset build tool for Vue.js apps.
• vue-markdown-loader ★2 Convert Markdown file to Vue Component using markdown-it.
• vue-cluster Official Vue2 Socketcluster server-less framework with examples.
• vue-ts-loader A webpack loader for loading TypeScript in .vue's single file component
• express-vue Vue rendering engine for Express.js load .vue files directly using app.render()
• vue-play ★53 - UI Component Dev Environment for Vue inspired by react-storybook.
• vue-form-generator - A schema-based form generator component for Vue.js

Syntax Highlighting

• Sublime Text ★244
• Atom by @hedefalk
• Atom (2) by @CYBAI
• Vim ★48 by @darthmall and @posva
• Visual Studio Code by Jim Liu
• Brackets ★11 by @pandao
• IntelliJ IDEA / WebStorm ★199 by @henjue
• Emacs ★10 by @CodeFalling
• Visual Studio 2015 ★7 by @madskristensen

Snippets

• vue-snippets for Atom.io by @ealves-pt
• Vue.js Brazil Code Snippets
• Use multiple files in vue-router
• Vue Permission Directive
• Bootstrap status label (v-label)

Autocomplete

• vue-autocomplete for Atom.io by @ealves-pt
• google-autocomplete ★9 An easy approach to achieve address autocomplete from google map. by @gocanto
• vue-gmaps Vue.js plugin to allow search places using Google Maps API by @ridermansb

Component Collections

• VueStrap, Bootstrap components built with pure Vue.js by @yuche ^1.0
• VueBoot, Bootstrap v4 components by @Morgul ^1.0
• vue-mdl ★436: Reusable Vue.js components using Material Design Lite. By @posva
• 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
• Vux ★2,570: Mobile web UI Components based on Vue and WeUI. By @airyland
• Vue Material Components: Vue.js UI components using materializecss.com by mjanys
• Vue Upload Component: Vue.js Multiple file upload component support ie9 lianyue.org by LianYue
• vue-comps: A collection of unstyled and unanimated plain vue components
  • vue-materialize ★66: materializeCss styles and animations for vue-comps
  • vue-clusterize ★28: implementation of clusterize.js in vue, invisible pagination
  • vue-data-table ★7: A high-customizable data-table based on vue-clusterize
  • vue-side-nav ★9: responsive, touch enabled side nav
  • vue-parallax ★3: Scrolls a image slower than the window to create a neat optical effect
  • vue-zoombox ★0: implementation of zoomerang, Zooms into everything (images, text) - without animations
  • vue-icons ★10: webpack based - load only what you need - svg inline icons - font compatible mode - fa, material, mdi and octicons
• keen-ui ★551: A collection of essential UI components inspired by Material Design
• material-ui-vue: materializecss UI components with Vue, by @jack
• vue-spectre: github,spectre components built with Vue.js by @vace ^1.0
• vue-desktop ★219: A UI library for building admin panel website, by @ElemeFE
• smart ★25: Reusable mobile components based on Vue, by @shenlq
• vue-admin ★397: Vue Admin Panel Framework, by @fundon
• vue-kit ★3: Vue Website Framework, by @gismall,demo:http://vue-kit.gismall.com
• vue-material-design ★11: A set of material components by @loujiayu
• mint-ui ★1,533: Mobile UI elements for Vue.js, by @ElemeFE
• searchable-select-dropdown ★3: A Vue Component to convert the native html select-dropdown to searchable dropdown by @rahulgaba16
• Vuikit ★300: A collection of Vue2 components built on top of the awesome UIkit framework
• vue-bulma: Vue Bulma UI Components, by @fundon
  • vue-bulma-breadcrumb: Breadcrumb component for Vue Bulma
  • vue-bulma-collapse: Collapse component for Vue Bulma
  • vue-bulma-chartjs: Chartjs component is based on chart.js for Vue Bulma
  • vue-bulma-chartist: Chartist component is based on Chartist for Vue Bulma
  • vue-bulma-datepicker: Datepicker component is based on flatpickr for Vue Bulma
  • vue-bulma-message: Message component for Vue Bulma
  • vue-bulma-modal: Modal component for Vue Bulma
  • vue-bulma-notification: Notification component for Vue Bulma
  • vue-bulma-progress-bar: ProgressBar component for Vue Bulma
  • vue-bulma-progress-tracker: ProgressTracker component is based on progress-tracker for Vue Bulma
  • vue-bulma-rating: Rating component is based on starability.css for Vue Bulma
  • vue-bulma-slider: Slider component for Vue Bulma
  • vue-bulma-switch: Switch component for Vue Bulma
  • vue-bulma-tabs: Tabs component for Vue Bulma
  • vue-bulma-tooltip: Tooltip component is based on hint.css for Vue Bulma
  • vue-bulma-expanding: The Expanding Transition Component for Vue 2.0
• vue-disqus: Vue component to integrate Disqus comments in your application, with support for SPA
• BootInput, Bootstrap input components for vuejs with validation, and form-group cascade. By @neposoft
• vue-easy-slider: Slider component for Vue.js with control button. By @Suhaha
• vue-carbon Material Design Mobile UI Components
• quasar-framework ★220 SPA front-end framework on steroids. Endless list of components with Material and iOS themes. By @rstoenescu
• N3-components - A UI library, by @zhangking Websites & native mobile Apps. Full Stack Toolkit.
• vue-core-image-upload: A vue plugin for image to crop and upload @Vanthink-UED
• ElementUI: Desktop UI elements for Vue.js 2.0 @ElemeFE
• vue-beauty: Beautiful UI components build with vue and ant design
• Radon UI: A elegant, simple, and efficient UI framework
• vue-antd: Vue UI Component & Ant.Design
• iView: A high quality UI Components Library with Vue.js
• wovue: A collection of Vue components, a11y friendly, by @wochap.
  • vue-off-canvas - A dialog component for Vue.js. ^{1.x compatible}
  • vue-dialog - A off-canvas component for Vue.js. ^{1.x compatible}
  • vue-focus-trap - A Vue component that traps focus for Vue.js, it is a wrapper around focus-trap. ^{1.x compatible}
• Bootstrap-Vue Complete Bootstrap 4 Components For Vue.js 2. ^{2.x compatible}
• vue-codemirror ★35 Codemirror component for Vue.js(1.x ~ 2.0) @Surmon
• vue-video-player ★25 Live / Video Player (based on video.js) for Vue.js(1.x ~ 2.0) @Surmon

Libraries & Plugins

• Routing

  • vue-router ★1,619 - Official router for building SPAs. ^{1.0 compatible}
  • Vue page ★15, a routing system based on pagejs by @AlexToudic
  • Vue Lanes ★21, an event-based routing system for Vue by @bpierre
  • Vue route ★73, ng-view inspired routes for Vue by @ayamflow
  • voie ★130 — simple router / layout manager inspired by FSMs and ui-router by Boris Okunskiy^1.0
  • vue-script2 ★6 - Load route-specific code or vendor scripts with a <script>-like tag, by @taoeffect

• Ajax/Data

  • vue-resource ★1,761 - AJAX/Resource plugin maintained by the PageKit team. ^{1.0 compatible}
  • vue-resource-case-converter - Interceptor for vue-resource that transforms request data to snake_case and response data to camelCase
  • vue-async-data ★240 - Async data loading plugin ^{1.0 compatible}
  • vue-async-computed ★23 - Plugin to support computed properties that are calculated asynchronously. By @foxbenjaminfox
  • vue-model ★63 - Plugin to make rich models with built-in HTTP actions by @aaronfrancis
  • vue-laravel-forms ★20 - Form helpers for your Laravel backed Vue.js projects.

• State Management

  • vuex ★2,062 - Flux/Redux inspired application architecture for Vue.js.
  • revue ★230 - Redux binding for Vue by @egoist
  • vue-redux ★82 - Redux binding for Vue by @yang-wei
  • vue-freeze ★50 - Simple state management whitout bloating API and Concept for Vue by @BosNaufal
  • vue-simple-store ★39 - Store Organizer To Simplify Your Stores for Vue By @BosNaufal
  • vue-stash ★50 - Easily share reactive data between components. @cklmercer
  • vuex-actions ★2 - Action utilities for vuex, supports promise-based async actions.
  • vuex-persistedstate ★2 - Persist and rehydrate Vuex state with localStorage support by @robinvdvleuten
  • vue-sync - Sync state with other places such as the browser URL or a backend api. directly, without using stores.
  • vuex-plugin-jsdata - Sync state with js-data store (for Vuex 2.x).

• Validation

  • vue-validator ★775 - Form validation plugin maintained by @kazupon ^{1.0 compatible}
  • Vue validator ★41 by @xrado
  • vue-form ★147 by @fergaldoyle ^{1.0 compatible}
  • Vuex Validator ★2 - Validator library for simple and complex state validation by @sebastiansoft ^{1.0 compatible}
  • JS Validator ★4 - The easiest way to validate your forms without 3rd party packages by @gocanto
  • vue-verify - A simple verification plugin for VueJS
  • vee-validate - Simple VueJS input validation plugin by @logaretm
  • Vue-Laravel-Validator ★8 - Laravel validation response handle for vue forms. by @MetinSeylan
  • vue-formly - Simple and extendable JS based forms. Heavily inspired by Angular Formly.
  • vue-formly-bootstrap - A Bootstrap plugin for Vue Formly.
  • vue-formular - A comperhensive solution for HTML form management, including presentation, validation and (optional) AJAX submission. Presentation is based on Bootstrap's form component.
  • Vuerify - Validation plugin for Vue.js
  • vue-data-validator - For Vue.js 2
  • vue-form-2 Vue 2.0 version of vue-formular

• UI Components

  • vue-countup ★11: A Vue.js component for the very interesting CountUp.js plugin. ^{1.0 compatible}
  • Vue Tag Editor Component ★24 by @hnakamur
  • Vue Crop
  • Vue Typeahead
  • Typed select component ★4 by @dgerber
  • vue-select ★59: A Vue.js component implementing the select control with the jQuery select2 plugin. By @Haixing-Hu
  • vue-html-editor ★97: A Vue.js component implementing the HTML editor with the jQuery summernote plugin. By @Haixing-Hu
  • vue-datetime-picker ★92: A Vue.js component implementing the datetime picker control using the Eonasdan's bootstrap datetime picker plugin. By @Haixing-Hu
  • vue-country-select ★12: A Vue.js component implementing the select control used to select countries. It depends on vue-select and vue-i18n. By @Haixing-Hu
  • Form generation from JSON Schema ★22 by @dgerber
  • vue-panel ★40: A suite of Vue.js components for building Flexbox layouts by @ericmcdaniel
  • vue-google-maps: A suite of Vue.js components to build reactive Google Maps Applications by @GuillaumeLeclerc
  • vue-transition ★39: A component to trigger a CSS transition at any time by @Twiknight
  • SVG icons, SVG sprites in form of a simple <icon> component, by @kzima ^1.0
  • Vue YouTube Embed ★19: a component for Vue.js and YouTube by @kaorun343
  • Vue datepicker ★124: calendar and datepicker component with material design for Vue.js by @hilongjw
  • vue-date-picker ★31: A simple datepicker component for Vue.js by @Bubblings
  • vue-spinner ★240: A collection of loading spinners with Vue.js.
  • vue-image-loader ★23: Async image loader for Vue.js by @eduardostuart
  • Vue-progressbar ★73: A lightweight progress bar for Vue.js by @hilongjw
  • vue-resource-progressbar-interceptor: An interceptor for vue-resource that adds automated progressbar (that is up one line) to all http requests
  • Famous-Vue ★13: Declarative Famous using Vue
  • vue-waterfall ★296: A waterfall layout component for Vue.js by @MopTym
  • vue-charts ★35: A Google Charts plugin for Vue.js by @haydenbbickerton
  • vue-select ★305: Simple component that implements Select2/Chosen style dropdowns with no dependencies^1.0
  • Vue-slide ★60: A lightweight slide component for Vue.js by @hilongjw
  • Vue-quill ★10: A Vue component implementing the Quill text editor by @brockreece
  • vue-pagenav ★12: A vue pagenav plugin by @zxdong262
  • Vue-calendar ★7: A vue calendar component with less code by @cucygh
  • vue-autocomplete ★35 Autocomplete Component for Vue by @BosNaufal
  • vue-loading-bar ★50 Youtube Like Loading Bar Component for Vue by @BosNaufal
  • vue-bootstrap-modal ★20 Bootstrap style modal component for Vue by @Coffcer
  • vue-waves ★6:Click effect inspired by Google's Material Design ,the vue version By @Teddy-Zhu
  • [vue-table] (https://github.com/ratiw/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
  • [vue-tables] (https://github.com/matfish2/vue-tables): This Vue package offers an easy and intuitive way of displaying Bootstrap-styled grids with data coming either from the client or from the server. By @matfish2
  • [vue-smart-table ★50] (https://github.com/gurghet/vue-smart-table): A simple grid component for building rich reactive tables
  • [fire-select] (https://github.com/firework/fire-select): Vue component that transforms overwhelming select boxes into something fancy, simple and user-friendly. It is similar to Selectize, Chosen, Select2, etc.
  • vue-color ★125, Color picker
  • vue-avatar ★27: display user avatar with fallback to user's initials.
  • vue-msui ★17 by @yjj5855 : A Vue modal
  • vue-file-base64 ★5 - Vue Component for Converting File to base64 by @BosNaufal
  • vue-ripple ★11 - Vue Component to Make Google Material Design Ripple Effect by @BosNaufal
  • vue-scrollbar ★19 - The Simplest Scroll Area Component with custom scrollbar for Vue by @BosNaufal
  • vue-tagsinput ★10: A tags input component based on Vue.js
  • vue-markdown ★20: A Powerful and Highspeed Markdown Parser for Vue. By @miaolz123
  • vue-awesome ★80: Font Awesome component for Vue.js, using inline SVG. By @Justineo
  • vue-smoothscroll ★1:scroll website smoothly , By @Teddy-Zhu
  • vue-breadcrumbs ★11: Implements simple breadcrumb functionality with vue-router. By @SamTurrell
  • vue-datepicker ★15: datepicker component for Vue.js. By @weifeiyue
  • vue-timeago ★59: A timeago component for Vue by @EGOIST
  • vue-calendar ★26: Vue Material date picker for Vue by @ihanyang
  • vue-multiselect ★371: Configurable dropdown/select component similar to Select2/Chosen, with NO dependecies by @shentao
  • vue-infinite-loading ★72: An infinite scroll plugin for Vue.js 1.0 & Vue.js 2.0. By @PeachScript
  • vue-swipe ★100: touch slider component for Vuejs @ElemeFE
  • vue-loadmore ★63: two-direction mobile pull-to-refresh component for Vuejs @ElemeFE
  • vue-tree-view ★7: Tree View component for Vuejs @10quality
  • vue-swiper ★23: Swiper component. Easy to use. @weilao
  • vue-peity ★12: A Vue version of an excellent peity library for beautiful mini graphs, by @fundon
  • vue-area ★5: Provincial level three linkage @serge
  • vue-stroll ★8: An awesome CSS3 list scroll effects component for Vue.js. @xiaoluoboding
  • Vue.Dragable.For ★16: Vue directive for lists allowing drag-and-drop sorting of elements in synchronization with View-Model. Based on Sortable.js
  • vue-chart ★10: A Powerful and Highspeed Chart Parser for Vue. By @miaolz123
  • vue-m-carousel ★1: A carousel component for Vue. By @shiye515
  • Vue.Isotope ★7: Vue directive supporting isotope layout filtering and sorting.
  • vue-cleave Cleave component is based on cleave.js for Vue. By @fundon
  • vue-region-picker ★23 A Vue.js Component for picking provinces, cities and districts of China.
  • vue-form: Form handler component (async/ajax) for Vuejs. Facilitates requests, responses and results handling. @10quality
  • vue-social-shares: Social network sharing component for Vuejs. @10quality
  • vue-fullcalendar : A Pure Vue Schedule Full Calendar, events, schedule. @Wanderxx
  • vue-grid-layout: A draggable and resizable grid layout, like Gridster, for Vue.js
  • vue-timepicker: A dropdown time picker for Vue.js. By @phoenixwong
  • vue-full-calendar A fullcalendar.js wrapper for Vue.js @brockreece
  • vuejs-datepicker: A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations. By @charliekassel
  • vue-bootstrap-table: A sortable and searchable table, as a Vue component, using bootstrap styling.
  • vue-image-clip: A component for cliping image. By @legeneek
  • vue-html5-editor - A html5 wysiwyg editor for vue
  • vue-chartjs ★7 - A simple wrapper for ChartJs in Vue @apertureless
  • vue-top-progress - Yet another top progress loading bar component for Vue.js. @dalphyx
  • vue-handsontable - Handsontable component is based on Handsontable for Vue, by @fundon
  • vue-nprogress - NProgress component is based on nprogress for Vue, by @fundon
  • vue-headroom - Headroom for Vue.js. @dalphyx
  • vue-resource-nprogress - A progressbar interceptors for vue-resource using NProgress by @imcvampire
  • vue-datatable - A Datatable component for Vuejs, has all feature of jQuery Datatables by @galenyuan
  • vue-tables-2 Vue 2.0 Version of the vue-tables plugin
  • vue-radial-progress Radial progress bar
  • Vue slider component Can use the slider component in vue1.x and vue2.x by @NightCatSama
  • vue-awesome-swiper ★53 Swiper3(slide) component for Vue.js(1.x ~ 2.0) @Surmon
  • vue-touch-ripple ★25 Touch ripple component for Vue.js(1.x ~ 2.0) @Surmon
  • vue.draggable ★48 draggable component for vue.js 2.0, allowing reordering of elements using drag-and-drop and synchronization between DOM and view model array. Based on Sortable.js
  • VUX - Mobile web UI Components based on Vue and WeUI

• i18n

  • vue-i18n ★271: Internationalization plugin by @kazupon ^{1.0, 2.0-pre-alpha compatible}
  • vue-localize ★11: Internationalization plugin for vue.js based applications
  • vue-i18n ★36: A plugin providing a global interface used to localize internationalized messages used in the application. By @Haixing-Hu
  • vue-i18n ★20: Internationalization plugin by @jinzhe^1.x
  • vue-locale ★11: Advanced localization support for VueJS by @sebastiansoft
  • vue-jade-editor ★1: a online jade(pug) editor plugin by @zxdong262
  • vue-video ★40: A HTML5 video player component for Vue.js by @hilongjw
  • vue-i18n: A small but effective Internationalization plugin
  • vue-translate ★1: A small and basic translation plugin for Vue.js ^{1.x, 2.0.x compatible} by @javisperez
  • vuex-i18n ★1: Internationalization made simple with vue and vuex ^{Vue.js 2.0.x} by @dkfbasel

• Examples

  • Starter Application with JWT Auth + sample backend API in Laravel
  • Node Webkit + Vue example ★37 by @brandonjpierce
  • Vue Samples ★25 by @superlloyd
  • HackerNews clone with vue.js + vue-router ★6 by @kazupon
  • Electron + Vue example ★256 by @bradstewart
  • Single page application example (Vue + Voie) by Boris Okunskiy
  • Begin - Task Manager SPA written in Vue + Lumen ★24 by Raj Abishek
  • Vue Mini Shop ★45 by BosNaufal
  • Vue SoundCloud ★14 by mul14
  • Feature Requests (Laravel + Vue Combo) by haydenbbickerton
  • Vue Cookbook (Vue1.0 + express) ★65 by @yjj5855: A demo first screen rendering of a service
  • Strong Together ★17 - 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
  • vuetest: an ad admin web with user auth, bootstrap ui, uploader, WYSIWYG editor in iframe ★3
  • vue-shopping ★142 by andylei18
  • Vue-cnodejs ★1,060 by @shinygang
  • vue-zhihu-daily ★407 by hilongjw
  • jwt-example ★11 by @petervmeijgaard
  • VueChess ★1 -Multiplayer online chess game by gustaYo
  • Ngexplorer-vuejs-client ★1 -Vue client for Ngexplorer by gustaYo
  • Vue 2048 (Vue + Webpack) by @pengfu: Popular 2048-Game implemented using Vue,Webpack,Sass,ES6
  • Vue Simple PWA by BosNaufal
  • Tour of Heroes (Vue 2.0) ★1: A Vue 2.0 port of the Angular 2.0 Tour of Heroes demo app. Highlights: ES6/7, render functions, JSX, revue (redux bindings for Vue), vue-router, Airbnb eslint, webpack. by @aweber1
  • 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

• Boilerplates

  • Boilerplate for Vue.js plugin ★26 by @kazupon ^{vue-cli compatible}
  • Boilerplate for Vue.js & Atom Electron ★69 by @rodzzlessa24
  • Boilerplate for single page applications ★16 by @sebastiansoft
  • PLATO ★137 by @crossjs - A Vue 2.0 project boilerplate for SPAs use official vuex, vue-router, and lightweight i18n, validator, normalizr, persist, and also has some well designed mobile UI components
  • electron-vue ★336 by @SimulatedGREG - An Electron & Vue.js (2.0 & 1.0) boilerplate that uses vue-cli, common plugins, electron-packager, and webpack. ^{gitbook docs}
  • browserify-complete ★5 by @danielschmitz - A Browserify + router + resource + vuex + bulma setup for quick prototyping ^{vue-cli compatible}
  • Modern Vue.js starter boilerplate ★12 - Vue Router, Vue Resource, ES6, Babel, Webpack (with BrowserSync), ESLint & SASS (with autoprefixer) by villeristi
  • Boilerplate for Vue.js & LeanCloud ★5 by @jiangjiu
  • vue-typescript-template by @danielschmitz - A Vue.js + Typescript project template setup for quick prototyping, inspired by vue-typescript-seed ^{vue-cli compatible}
  • Webpack template w/ Coffee Modified Vue-Cli webpack template for usage with coffee and python backends (aka: flask)
  • vue-stack-2.0 ★73 by @cklmercer - Vue 2.0 project boilerplate with routing, global store, global events, and more.
  • [vuejs-firebase] Vue.js / Firebase boilerplate with authentication. https://github.com/zerostatic/vuejs-firebase
  • vue-2.0-boilerplate ★52 by @petervmeijgaard - Vue 2.0 boilerplate for developing medium to large single page applications.
  • vuets/webpack2-simple-vue1 by @dyu - typescript 2.0 template using vuets + vue/vue-router 1.0.
  • vuets/webpack2-simple-vue2 by @dyu - typescript 2.0 template using vuets + vue/vue-router 2.0.
  • vue-rollup-boilerplate by @dangvanthanh - A simple rollup + vue-loader setup for quick prototyping
  • Vue Starter - https://github.com/BosNaufal/vue-starter by BosNaufal
  • vue-cluster Official Vue2 Socketcluster server-less framework with examples.
  • vue-boilerplate Vue 2.0 boilerplate，based on webpack and es6，includes vuex，vue-router，vue-resource, vue-auth
  • bourgeon ★9 Vue 2.0 template for vue-cli based on webpack including stylus (jeet, rupture, typus), vuex, I18n, routing and SVG sprites.
  • vue-ssr-hmr-template ★42 Vue2 + Webpack2 + HMR + Server Side Render + Express template by @Awe
  • [Vuejs Starter Kit 2 ★12] (https://github.com/MetinSeylan/VuejsStarterKit) Vue 2.0 modern application structure MetinSeylan
  • AdonisJS + Vue.js Boilerplate for using AdonisJS + Vue.js with server-side rendering
  • Stellar Admin Boilerplate Boilerplate Admin template created using Bootstrap-Vue.

• Scaffolding

  • vue-cli ★1,115: official CLI for scaffolding Vue.js projects.
  • Vue generator ★77: a simple yeoman generator for Vue by @BirdEggegg
  • VENM stack yeoman generator ★39 by @jfelsinger
  • Grail Yeoman Generator ★11: a advanced yeoman generator for a modern modular one page web app, extendable with Vue.js alongside other nice tools
  • VuePack ★210: A modern starter for Vue and Webpack by @egoist
  • VueWebgulp ★56: A skeleton app using Vuejs, Gulp, and Webpack by @rodzzlessa24
  • Vuetober ★26: SPA scaffolding for October CMS
  • vue-go-cli ★5 - a CLI tool for scaffolding new projects generating components, services, and mixins.
  • Brunch with Vue ★20 - A skeleton application utilizing vue, vuex, vue-resource and vue-router.
  • vuex-horizon-scaffold ★12 - A scaffold with vuex and horizon.io, hooked up to the vue-cli webpack build.

• Integrations

  • Vue for Meteor ★90 by @zhouzhuojie
  • ScalaJS bindings for Vue.js ★24 by @fancellu
  • Socketize Backend ★6: Sync your model data to Socketize backend automatically. By @Socketize
  • Vue-Meteor-Data ★17 Two-way-reactivity mixin for Vue and Meteor by @JakobRosenberg
  • Vue Proerty Decorator ★9: Property Decorators for Vue.js by @kaorun343
  • Vue-Typed ★7: The vue-class-component in typescript favor by @budiadiono
  • Vue as a Meteor UI layer ★60: Packages to integrate vue in your meteor project as first-class citizen (with single-file components & apollo support) by @Akryum
  • Vue-Typescript ★68: Typescript class decorators that allow for complete intellisense and type-checking support when developing Vue components in ts. By @itsFrank
  • Vue-Framework7 ★48: Framework7 components built with Vue.js by @lmk123
  • Vue-Deepstream-Connector ★5: A connector for bidirectional data-sync between Deepstream.io and Vue.js by @ric0
  • vuets: Vue components using typescript 2.0 with compatibility layer between version 1 and 2 of vue and vue-router. By @dyu
  • Vue-Feathers A seamless integration with Feathers for Vue 1.x and 2.x by @sunabozu
  • vue-apollo Use Apollo and GraphQL in your Vue (1.x and 2.x) components by @Akryum
  • av-ts Awesome Vue for TypeScript. A type-safe and concise Vue binding for TypeScript. Having used a lot of techniques, tricks and hacks to achieve idiomatic API.
  • Neutronium library to create .NET desktop applications using HTML, CSS and javascript. Like Electron for .NET with a powerfull integration with Vue.js.

• General Plugins/Directives

  • vue-element ★82: Register real custom elements with Vue.
  • vue-touch ★355: Hammer.js wrapper directives for touch gestures. (Updated for 1.0!)
  • vue-animated-list ★186: A Vue.js plugin for easily animating v-for rendered lists.
  • Vue placeholder directives ★51 by @lithiumjake
  • Vue in viewport detection directive ★33 by @holic
  • Vue once directive ★10 by @kewah
  • Vue Modified Directive ★10 by @KyleRoss
  • Maintain scroll position on page changes ★22 by @mark-hahn
  • vue-titlecase ★11: A plugin providing a global filter and an instance method used to titlecase (different from capitalize) strings. By @Haixing-Hu
  • vue-format ★11: A plugin providing a global filter and an instance method used to format messages with arguments. By @Haixing-Hu
  • vue-clickaway ★51: Assign a method to be called whenever user clicks away from the element. By @simplesmiler
  • vue-focus ★37: Manage input focus in the MVVM-friendly way. By @simplesmiler
  • vue-transfer-dom ★30: Transfer DOM to another location. by @rhyzx
  • vue-lazyload ★355: lazyloading images. by @hilongjw ^{Vue.js 1.x & 2.0}
  • v-touch ★5: The easiest way to use Hammer.js with Vue.js and use touch gestures. by @didierfranc ^{Vue.js 1.x}
  • vue-mixins ★16 A collection of mixins aimed to replace some jQuery functionality
  • vue-filters ★3 A collection of filters
  • vue-round-filter ★0 filter for rounding with whichever decimal accuracy
  • vue-paginate ★65 A simple plugin to use pagination in vue.js. by @TahaSh
  • vue-super ★7 A simple plugin to call methods on parent components.
  • vue-deepstream ★9 Plugin to simplify event subscription and event trigger when using deepstream.io
  • vue-plain ★1 Plugin to get plain object from vue getter/setter object.
  • vue-calc-input ★3 Vue directive to make a calculator input behavior by @BosNaufal
  • vue-move-dom ★1 Vue Directive to move the DOM without losing all the VM data, event, etc. by @BosNaufal
  • vue-animate ★39: Use Animate.css with Vue.js transitions. By @haydenbbickerton
  • vue-sortable ★76: A lightweight directive for reorderable drag-and-drop lists using RubaXa/Sortable. By @sagalbot
  • vue-loading ★35: Vue directive, show loading block in any element. By @coffcer
  • vue-gesture ★19:touch events plugin for Vue.js.You can v-gesture directive,and directive auguments can use a tap, swipe, etc.
  • vue-lazyload-img ★49 another image lazyload plugin for Vue, especially optimized for mobile browser. By @JALBAA
  • vue-socket.io ★100 : socket.io-client plugin for Vuejs, manage socket.io event in Vue vm. By @MetinSeylan
  • vue-clipboard ★32
  • vue-dragula ★35: Vue wrapper for dragula
  • vue-infinite-scroll ★167: infinite scroll directive for Vuejs @ElemeFE
  • vue-toast-mobile ★28: mobile toast plugin for Vuejs @ElemeFE
  • vue-indicator ★9: mobile loading indicator plugin for Vuejs @ElemeFE
  • vue-msgbox ★46: message box (like Sweet Alert) plugin for Vuejs @ElemeFE
  • vue-scroll ★12: add scroll up function and optimize the origin algorithm. Reference to ElemeFE/vue-infinite-scroll. @suguangwen
  • vue-click-outside ★2: ClickOutside directive for Vue. @fundon
  • vue-medium.js ★1: Medium.js directive for Vue. @franzskuffka
  • vue-electron ★19: The vue plugin that attaches electron APIs to the Vue object, making them accessable to all components.
  • vue-router-transition ★16: A page transition plugin for vue-router.
  • vue-input-autosize ★1: A simple Vue.js directive to autosize text input fields.
  • vue-sticky-scroll: keep an element always scrolled to the bottom.
  • vue-events by @cklmercer - A Vue plugin that simplifies event handling.
  • vue-truncate-filter by @imcvampire - A Vue filter that simplifies how to truncate string.
  • vur-tag-list by @imcvampire - A Vue filter that simplifies how to print a list of tag from array.
  • vue-cordova ★3: Vue plugin to bind Cordova events and access Cordova plugins' data
  • vue-drag-and-drop-list: Vue directives for modifying lists with the HTML5 drag & drop API.
  • vue-popup-mixin a vue mixin for easy create popup vue components
  • vue-localstorage a localStorage plugin with types support
  • vue-lazy-component: Vue directive for lazy load components or elements.
  • v-media-query: Plugin adds methods for work with media query
  • v-text-mask: Vue Directive for masking input of phones, email, etc
  • [v-pagination] (https://github.com/matfish2/vue-pagination) Simple, generic and non-intrusive pagination component for Vue.js. Presentation is based on bootstrap.
  • vue-pagination-2 Vue 2.0 version of the v-pagination plugin
  • vue-socketcluster Integration from socketcluster to vue.
  • vue-lazyloadimg lazy load image.
  • vue-dropload drop down,refresh page data,and scroll to bottom load next datas.
  • vue-reactivestorage ★15 Reactive layer for interacting with localStorage from Vue. Plugin for Vue 2.
  • Animate.css for Vue.js 2.0 - Animate.css for Vue.js 2.0 to help you do transitions

• SEO

  • vue-head ★97 - Manager the meta information of the head tag, a simple and easy way
  • vue-helmet ★17 : Like react-helmet, a HTML head manager for Vue, edit the page title easily. By @miaolz123

Projects Using Vue.js

• Open Source

  • PageKit ^[Source]
  • p5.js editor ^[Source]
  • Python China ^[Source]
  • npmcharts.com ^[Source]
  • Todolist ★16 by @jiyinyiyong
  • Dashboard framework ★54 by @thelinuxlich
  • a simple notepad ★47
  • FilterBlend ★151: CSS blend modes and filters playground by @ilyashubin
  • 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 ★193 Simple RSS Reader made using atom electron and vue.js.
  • Gokotta ★182: A simple music player built by electron and vue.
  • Coffeebreak ★53 Tool for live editing CSS components
  • BaiduHui: Push Notification - 百度惠：实时推送优惠^[Source] A Chrome Extension allows user use Baidu-Hui services and recieves the push notification about the latest discount infos.
  • CoPilot - An admin portal based on AdminLTE with vue.js integration. ^[Source]
  • Retrospectify^[Source] A simple tool for doing collaborative retrospectives in agile teams.
  • jade-press^[Source] cms based on mongodb, nodejs, koa, vue and more.
  • astralapp^[source] Organize Your GitHub Stars With Ease.
  • liqi.newtab - 利器 · 灵感生成器 New Tab^[Source] A New Tab Chrome Extension gives you a moment to read the good quotations with their recommanded tools which were excerpted from the interviews made by liqi.com, you can always find your favorites.
  • Dhammapada website ★2: Dhammapada website, an experience with Vuejs and golang
  • Vue + LeanCloud 单页博客 ★46 a spa blog using LeanCloud, Vue.js, Vue-Router, Vuex and Vue-resource by @jiangjiu
  • EME - Elegant Markdown Editor^[Source] An Elegant Markdown Editor.
  • Github-explorer by @SidKwok A spa which can help you check your github in a better way.
  • Hotel ★4106 start your dev servers from your browser and get local domains in seconds!
  • Surfbird ★32 A Twitter client written with modern web technologies
  • Approach0 A math-aware search engine
  • kov-blog A blog and its managemant platform, based on vue, koa, mongoose and more.
  • Flox Self Hosted Movies Watch List
  • RSS Reader with Vue.js 2 RSS Reader with Vue.js 2

• Apps/Websites

  • Laravel Spark
  • Vice Video
  • Formlets
  • Laracasts
  • Sainsbury's Entertainment onboarding platform (closed)
  • 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
  • Reddit News ★34 A browser extension which show notifications and news from reddit
  • Powerpuff Yourself by Cartoon Networks
  • 小桃酱
  • 金哲博客
  • cloudradioo ★24 Web app that plays randomly all top 50 songs from the soundcloud charts
  • Zova
  • 风投侠
  • COPA 2016
  • vNotes Simple and beautiful notepad to Markdown with Vue.js and Local Storage API - repository
  • Subordination A desktop app for translating and editing subtitles
  • SPA Blog Personal blog and portfolio site see repository
  • WP ERP An Open Source HR, CRM & Accounting Solution for WordPress powered by Vue.js
  • Open Function Computers
  • Dermail A webmail client written in Vue.js for Dermail, a mail systemn written in node.js
  • octimine A patent search engine
  • Draxed A web based MySQL and PostgreSQL data browser and dashboard manager
  • 蜜蜂聚财 A P2P web app for car loans, by @pciapcib
  • Leapspotleap A simple way to look up wikipedia articles near you. Or simply navigate to a place and find interesting wikipedia information. Responsive web app.
  • Bayo A simple and powerful website for Vietnamese travelers. We revolutionize travel planning and booking in a personalized, fun and productive way.
  • X-SONGTAO★11 A Personal blog. FE and CMS are in same vue SPA.
  • Cinemateka Film & events schedule SPA made with Vue & Laravel 5. Russian. ^[Source]
  • Jobinja A Job Board and career platform operating in Iran.
  • 滚蛋吧！莆田系 Show all Putian hostiptal information
  • Jobi : Recruiting Platform
  • Citymoods Track the pusle of your city. See the moods of its tweets
  • Approach0 A math-aware search engine for math.stackexchange.com
  • The Spice House Ecommerce website for high quality spices. Checkout, cart, the product detail page, and search are built using Vue. Checkout is a single page app written with Vue & Vuex.
  • 豆瓣 ★198

• 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 - by Anonymous Awwwards & FWA SOTD, FWA Cutting Edge, Awwwards SOTM nominee.
  • Heineken Star Experience - by Anonymous FWA SOTD.
  • Louis Ansa Website (portfolio) - Awwwards SOTD, FWA nominee.
  • Djeco.com
  • Tolks.io - a new way to put stories online.
  • Meet Graham - by Clemenger BBDO - Credits - FWA SOTD, CssDesignAwards WOTD.
  • NOIZE original - by KFFEIN
  • Jason Bourne : Remember Everything — by Stinkdigital Awwwards SOTD, FWA FOTD.