Vue.js

repo: vuejs/awesome-vue
category: Front-End Development related: JavaScript · React · Svelte · Angular

Resource from plugin:github:github at repo://vuejs/awesome-vue/sha/14fa265df1bd0a3d78fca341a9739a42bf6cd95d/contents/README.md] <img width="400" src="./assets/logo.svg" alt="logo of vue-awesome repository">

Awesome Vue.js

A curated list of awesome things related to Vue.js

Table of Contents

Resources
- Official Resources
- [Truly awesome projects](#truly-awesome-projects)
- External Resources
- Newsletters
- Job Portal
- Community
- Conferences
- Podcasts
- Official Examples
- Tutorials
- Examples
- Books
- Blog Posts
- Courses
- Documentaries
Companies Using Vue.js
Projects Using Vue.js
Components & Libraries
- Frameworks
- UI Layout
- UI Components
  - Table
  - Notification
  - Loader
    - Progress Bar
  - Tooltip
  - Overlay
  - Marquee
  - Menu
  - Carousel
  - Charts
  - Time
  - Calendar
  - Map
  - Audio / Video
  - Infinite Scroll
  - Markdown
  - PDF
  - Tree
  - Graph
  - Social Sharing
  - QR Code
  - Search
  - Miscellaneous
  - Tabs
  - Form
    - Phone Number Input Formatter
    - Picker
    - Generator
      - Date Picker
    - Select
    - Drag and Drop
    - Type Select
    - Color Picker
    - Switch
    - Masked Input
    - Rich Text Editing
    - Image Manipulation
    - File Upload
    - Context Menu
    - Miscellaneous
    - Wizard
  - Canvas
  - Link Preview
  - Tour
- UI Utilities
  - Event Handling
  - Responsive Design
  - Form
    - Validation
  - Resize
  - Scroll
  - Routing
  - Lazy Load
  - Pagination
  - Animation
  - Meta Tags
  - Portal
  - SVG
  - Miscellaneous
  - WebGL
  - Fullscreen
  - Printing
- Utilities
- Integrations
  - Vue CLI Plugins
    - Google Analytics
- Dev Tools
  - Inspect
  - Docs
  - Test
  - Source Code Editing
    - Vim
    - Visual Studio Code
    - Intellij
    - Emacs
- Scaffold
  - Universal
  - Electron
- Prerendering

Resources

Official Resources

Truly awesome projects

These projects are exceptionally high quality, have a proven trackrecord, and are virtually indispensable.

Vue DevTools - Browser devtools extension for debugging Vue.js applications.
unplugin-icons - On-demand icon loader supporting all known popular icon sets
vue-i18n - Internationalization plugin for Vue.js

External Resources

Vue.js 資料まとめ(for japanese) by @hashrock
Vue.js Wikipedia
Vue Curated Resources - Recommended Vue.js courses and tutorials.
Vue School - Learn Vue.js from video courses by core members and industry experts
VueDose. Tips & tricks about the Vue ecosystem, for busy devs.
Vue.js DEV Community - Official tag for the Vue.js JavaScript Framework on DEV.to
WebTechSurvey.com - An extensive list of websites created with the Vue.js Javascript framework.
Vue Mastery - The ultimate learning resource for Vue developers
Vue 3 Video Playlist - Amazing Vue 3 tutorials and experiments
Vue.js Workshops - Learn Vue 2, in browser, by building 3 applications: Landing page, Todos App and Podcasts aggregator.( Vue.js, Vue-Router, Vuex, Vue-Axios, Vue-Apollo )
Vue.js Articles - Assorted Vue 2 and 3 tutorials and articles.
Best vue.js Courses On YouTube - Handpicked list of best Vue.js tutorials on YouTube
Notes on Vue - A personal guide to Vue development.
Vue-FAQ - FAQ about frontend in general and Vue.js in particular.
State of Vue Report - The 5th edition of the most comprehensive Vue publication. Co-created with Evan You, the Vue & Nuxt Core Teams
TODOvue Blog - Guides and tutorials on creating modern components with Vue.js. Website

Newsletters

Weekly Vue news - A weekly newsletter with the most interesting Vue & Nuxt News, Tutorials, Projects, and Tools.

Job Portal

Vue.js Jobs - VueJobs - A Vue.js job portal to hire or get hired for all your Vue.js jobs.
Vue.js Interview Questions - A List of 300 VueJS Interview Questions and Answers

Community

Conferences

Examples

Vue 2048 (Vue + Webpack) by @pengfu: Popular 2048-Game implemented using Vue,Webpack,Sass,ES6
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
Vue.js with Sails.js example project - This project is for those who are new to single-page applications and want to learn through a real example.
[Vue.js & Pyramid web framework app](https://github.com/eddyekofo94/pyramidVue.git) - A boilerplate using Pylons Pyramid webframework backend Vuejs webpack2, vue-router, yarn(packet manager)
vue-feathers-chat A sample realtime chat made with Vue in frontend and Feathers in backend, but using just Socket.IO-Client for the communication
vue-xplan A rotating earth demo page created with Vue and three.js
vueSocketChatRoom A socket chat room using vue2.x,vuex2.x,vue-router2.x,vux2.x,socket.io
vue-tetris (Use Vue, Vuex, Immutable to code Tetris) by @Binaryify: Use Vue, Vuex, Immutable to code Tetris.
route-planner-vue by @Kasheftin: The tool for planning routes with multiple sortable layers, draggable directions, markers and shapes on google map.
VueJS Example Projects on Github
Vue Weather Notifier A small sample animation app with SVG and Vuex
X-Flowchart-Vue - A flowchart editor with SVG and Vue
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.
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.
X-WebDesktop-Vue - The WebDesktop system based on Vue
Skeleton Vue+TypeScript - TypeScript, VueJS, ElementUI, Vue Router, Vuex, Material Icons, BrowserSync, Dockerfile
Vue Design System - An open source boilerplate for building UI Design Systems with Vue.js.
Vuejs Examples
Laravel + Nuxt.js boilerplate - by @acidjazz
vue-stack-cesium - A minimal sample configuration project with CesiumJS and all the awesome vue features. The project contains many examples how to combine and use certain packages to get started.
vuemoji-picker - Vue 2 and 3 lightweight emoji picker.
Maxim Web Chat - A chat demo using MaximTop's IM SDK (floo), 使用美信拓扑 IM SDK 实现的聊天 App 示例.
umo editor - Umo Editor is an open-source document editor, based on Vue3 and Tiptap. Visit Playground for a fast experience.
Vitesse Starter ⛺️ Vue 3 starter inclode ( Layouts | i18n | UnoCSS | pinia | Markdown | Dark Mode | PWA | SSG | Component Auto-Importing | File-Based Router | Composition API | TypeScript)
Vitesse-lite Starter ⛺️ Lightweight version of Vitesse (Vue 3 Starter)
Vue Tic Tac Toe | Cerito Cruz by @EduardoProfe666: Popular Tic-Tac-Toe-Game with extra features using Vue 3, Vite, TypeScript, Tailwind, Gsap, Howler, Headless UI and Vue Use
i18n boilerplate Intlayer + Vue 3 + Vite
tab-toolkit - very small app-tool for beginner guitarists 🎸 (PWA | Pinia | UnoCSS) by @mioe

Books

The Majesty Of Vue.js 2 by Alex Kyriakidis and Kostas Maniatis, Leanpub. (Mar 2017)
Vue.js in Action by Erik Hanchett and Benjamin Listwon (Spring 2018)
Testing Vue.js Applications by Edd Yerburgh (Summer 2018)
Front-end com Vue.js by Leonardo Vilarinho, Casa do Código. (November 2017)
[Full-Stack Vue.js 2 and Laravel 5](https://www.packtpub.com/application-development/full-stack-vuejs-2-and-laravel-5) by Anthony Gore, Packt. (December 2017)
Fullstack Vue: The Complete Guide to Vue.js by Hassan Djirdeh, Nate Murray, & Ari Lerner. (March 2018)
Vue.js 2 Design Patterns and Best Practices by Paul Halliday, Packt. (March 2018)
Vuex Quick Start Guide by Andrea Koutifaris, Packt. (April 2018)
Full-Stack Web Development with Vue.js and Node by Aneeta Sharma, Packt. (May 2018)
The Vue Handbook by Flavio Copes. (July 2018)
[ASP.NET Core 2 and Vue.js](https://www.amazon.com/dp/1788839463) by Stuart Ratcliffe, Packt. (July 2018)
Vue.js: Construa aplicações incríveis by Caio Incau, Casa do Código. (September 2017)
Getting to Know Vue.js by Brett Nelson, Apress. (August 2018)
Vue.js Component Patterns Course by Frederik Dietz (April 2019)
Building Forms with Vue.js by Marina Mosti (October 2019)
Vue.js by Chris Minnick and Nat Dunn, Webucator (February, 2020)
Become a Ninja with Vue 3 by Cédric Exbrayat (English and French versions) (May, 2020)
[Large Scale Apps with Vue 3 and TypeScript](https://leanpub.com/vue-typescript/c/vaYXLEFWbMi7) Damiano Fusco, Leanpub (September, 2020)
Vue - The Road To Enterprise Thomas Findlay (January, 2021)
Accessible Vue – Get started with Accessibility in Vue.js! by Marcus Herrmann (March 2021)
Building a Strapi E-Commerce: Nuxt.js Tutorial & Live Demo (September 2021)

Blog Posts

Vue x Hasura GraphQL
[Using GraphQL Mutations in Vue.js](https://medium.com/@malgamves/using-graphql-mutations-in-vue-js-3b4570234edf)
Learn How To Build A Data-Driven Search UI with Vue.JS
Using GitLab CI/CD to auto-deploy your Vue.js application to AWS S3
Dockerizing a Vue App
[Deploying a Flask and Vue App to Heroku with Docker and Gitlab CI](https://testdriven.io/blog/deploying-flask-to-heroku-with-docker-and-gitlab/)
Large-scale Vuex application structures
Composing computed properties in Vue.js
Learn how to refactor Vue.js Single File Components with a real-world example
[Get Started Writing Class-based Vue.js Apps in TypeScript](https://www.sitepoint.com/class-based-vue-js-typescript)
Vue.js with TypeScript by John Papa
[Guide to Unit Testing Vue Components](https://testdriven.io/blog/vue-unit-testing/)
Realtime chat App with Vue and Hasura
[Vue vs React: Which is the better framework?](https://buttercms.com/blog/vue-vs-react-which-is-the-better-framework)
Building a Beautiful Animated News App with Vue.js and Vuetify
[Comparing Angular vs Vue](https://buttercms.com/blog/comparing-angular-vs-vue)
[Vue vs. React – Which Should You Pick For Your Next Web Project?](https://www.ideamotive.co/blog/vue-vs-react?utm_source=github.com&utm_medium=social&utm_campaign=vue-vs-react)
Vue.js from scratch series on YouTube by Paris Nakita Kejser
10 Quick-Fire Vue Interview Questions
VueJS Admin Template - Collection of awesome opens source and premium VueJS Admin Templates.

Courses

Learn Vue by Building and Deploying a CRUD App - This course is focused on teaching the fundamentals of Vue by building and testing a web application using Test-Driven Development (TDD).
Advanced Vue.js Features from the Ground Up - Learn how to build more accessible routing, state management, form validation and internationalization libraries from the ground up!
Become a Ninja with Vue 3 - This course teaches how to build a complete application with Vue 3, step by step, using Vue CLI, TypeScript and the Composition API. Each exercise comes with instructions and tests to check 100% of your code.

Documentaries

Vue.js: The Documentary by Honeypot (Feb 2020)

Companies Using Vue.js

Companies Using Vue/Nuxt

Projects Using Vue.js

Open Source

truncated — full list on GitHub