A collection of free Vue.js resources, tutorials & plugins for beginners to advanced users for web developers. This list is updated regularly. Email over the URL, if you wish to be included.

Official resources

Community

Tutorials

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 For IDE’s

Atom

Sublime Text

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

Picker

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

Generator

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.

External Resources

Job Portal

Community Examples

MIT Licensed