probil/awesome-vue

A curated list of awesome things related to Vue.js

Awesome Vue.js

A curated list of awesome things related to Vue.js

• Official Resources
• External Resources
• Community
• Official Examples
• Tutorials
• Tools
• Libraries & Plugins
  • Routing
  • Ajax/Data
  • Validation
  • UI Components
  • i18n
  • Examples
  • Boilerplates
  • Scaffolding
  • Integrations
  • General Plugins/Directives
• Projects Using Vue.js
  • Open Source
  • Apps/Websites
  • Interactive Experiences
  • Enterprise Usage

Official Resources

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

External Resources

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

Community

• Twitter
• Gitter Chat Room
• Official Forum

Official Examples

• Basic Examples
• Vue.js TodoMVC
• Vue.js HackerNews Clone

Tutorials

Most of the following tutorials are for the 0.12 version. For now the best resource for 1.0 is the official guide. It would be *awesome- if you write a new tutorial for 1.0!

• Vue.js screencasts on Laracasts ^{1.0, 0.12}
• Build an App with Vue.js on Scotch.io ^0.12
• Getting Started with Vue.js on Sitepoint ^0.12
• Vue.js Tutorial on Vegibit ^0.12
• Vue.js video series in portuguese ^0.12
• Vue.js video series in russian on Ausite ^0.12
• A Quick Introduction to Vue.js by Matt Sparks ^0.12
• Getting Started with Vue.js + vue-router by Michael Calkins ^0.12
• Getting Started with Vue.js - AngularJS perspective by Dan Mindru ^0.11
• Many JS Frameworks but Vue.js Is Different by Taha Shashtari ^0.12

Tools

• vue-loader - Vue component loader for Webpack.
  • vue-loader-example
• vueify - Vue component transform for Browserify.
  • vueify-example
• vue-devtools - Chrome devtools extension for debugging Vue applications.
• Vue Syntax Highlighting for Sublime Text
• Vue Syntax Highlighting for Atom by @CYBAI

Libraries & Plugins

• Routing

  • vue-router - Official router for building SPAs. ^{1.0 compatible}
  • Vue view, ui-router inspired routes (with states), based on pagejs by @molforp
  • Vue page, a routing system based on pagejs by @AlexToudic
  • Vue Lanes, an event-based routing system for Vue by @bpierre
  • Vue route, ng-view inspired routes for Vue by @ayamflow

• 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}

• Validation

  • vue-validator - Form validation plugin maintained by @kazupon ^0.12
  • Vue validator by @xrado
  • vue-form by @fergaldoyle ^{1.0 compatible}

• UI Components

  • VueStrap, Bootstrap components built with pure Vue.js by @yuche ^0.12
  • VueBoot, Bootstrap v4 components by @Morgul ^1.0
  • vue-mdl: Reusable Vue.js components using Material Design Lite. By @posva
  • Vue Tag Editor Component by @hnakamur
  • Vue Crop
  • Vue Typeahead
  • Typed select component by @dgerber
  • vue-select: A Vue.js component implementing the select control with the jQuery select2 plugin. By @Haixing-Hu
  • vue-html-editor: A Vue.js component implementing the HTML editor with the jQuery summernote plugin. By @Haixing-Hu
  • vue-datetime-picker: A Vue.js component implementing the datetime picker control using the Eonasdan's bootstrap datetime picker plugin. By @Haixing-Hu
  • 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
  • Form generation from JSON Schema by @dgerber

• i18n

  • vue-i18n: Internationalization plugin.
  • vue-i18n: A plugin providing a global interface used to localize internationalized messages used in the

• Examples

  • Starter Application with JWT Auth + sample backend API in Laravel
  • Node Webkit + Vue example by @brandonjpierce
  • Vue Samples by @superlloyd
  • HackerNews clone with vue.js + vue-router by @kazupon
  • Electron + Vue example by @bradstewart

• Boilerplates

  • Boilerplate for Vue.js plugin by @kazupon

• Scaffolding

  • Vue generator: a simple yeoman generator for Vue by @BirdEggegg
  • VENM stack yeoman generator by @jfelsinger
  • Grail Yeoman Generator: a advanced yeoman generator for a modern modular one page web app, extendable with Vue.js alongside other nice tools

• Integrations

  • Vue for Meteor by @zhouzhuojie
  • ScalaJS bindings for Vue.js by @fancellu

• General Plugins/Directives

  • vue-element: Register real custom elements with Vue.
  • vue-touch: Hammer.js wrapper directives for touch gestures. ^outdated
  • Vue placeholder directives by @lithiumjake
  • Vue in viewport detection directive by @holic
  • Vue once directive by @kewah
  • Vue Modified Directive by @KyleRoss
  • Maintain scroll position on page changes by @mark-hahn
  • vue-titlecase: A plugin providing a global filter and an instance method used to titlecase (different from capitalize) strings. By @Haixing-Hu
  • 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
  • vue-clickaway: Assign a method to be called whenever user clicks away from the element. By @simplesmiler

Projects Using Vue.js

• Open Source

  • PageKit ^[Source]
  • Laravel Spark
  • p5.js editor ^[Source]
  • Python China ^[Source]
  • npmcharts.com ^[Source]
  • Todolist by @jiyinyiyong
  • Dashboard framework by @thelinuxlich

• Apps/Websites

  • Formlets
  • Laracasts
  • CUUSOO
  • esa.io
  • N1.ru
  • 稀土掘金
  • Prague Airport
  • Expressionery
  • BUYIT by @Workswell Australia
  • Portfolio Site by Corentin Bac
  • Compare Prices by Currys & PCWorld

• Interactive Experiences

  • 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

• Enterprise Usage

  • Alibaba
  • Baidu
  • Sina Weibo
  • Xiaomi
  • Ele.me
  • Optimizely
  • Expedia
  • UCWeb
  • Line
  • Nintendo