Learning about good open source projects is the most effective way to improve your code.

  • 30 Amazing Vue.js Open Source Projects for the Past Year (V.2018)
  • Translator: Fundebug

To ensure readability, free translation rather than literal translation is used in this paper. In addition, the copyright of this article belongs to the original author, and translation is for study only.

Over the past year, I have compared nearly 3,000 vue.js open source projects and selected the top 30 (1%).

This is a competitive list, as I carefully selected the best open source vue.js libraries, tools and projects released between January and December 2017. Evaluate the quality of this list by considering popularity, engagement and current status. For example, the items on this list have an average star rating of 3,795 on a popular gay dating platform. Not bad, right?

Open source projects are useful to programmers. You can learn by reading code and building on existing projects, because if you want to improve your Vue development skills, it’s worth spending some time playing with vue.js open source projects that you might have missed over the past year.

NO.1

Element: a Vue 2.0-based desktop component library for developers, designers and product managers[making star: 22004].

NO.2

iView: a set of high quality UI component library[making star: 12175].

NO.3

Best-resume-ever: Build lots of beautiful resumes and create your best ones easily and quickly with Vue and LESS.[making star: 8839].

NO.4

Vue-element-admin: a magical VUE background management system[making star: 7942].

NO.5

VuetifyVue. Js 2’s Material component library[making star: 7672].

NO.6

Vue-admin: Vue background panel management library, based on Vue 2.0 and Bulma 0.3[making star: 7033].

NO.7

Vue hackernews – 2.0Vue-router&vuex and server-side rendering[making star: 6687].

NO.8

Vue – devtools (v 4.0): Chrome DevTools extension for debugging vue.js applications[making star: 6292].

NO.9

Vue-material: Material Design of vue.js[making star: 5230].

NO.10

Quasar: Build responsive websites, PWA, hybrid mobile apps (looks so native!) And the Electron application, all simultaneously use the same code base and are based on Vue.[making star: 4690].

Fundebug error real-time monitoring for your Vue project escort!

NO.11

Electron-vue: Electron&vue.js Quick launch templates, including vuE-CLI scaffolding, universal VUE plug-ins, electric-Packager/electric-Builder, unit/E2E tests, Vue-DevTools and Webpack.[making star: 4527].

NO.12

Vue-loader (v 13): Webpack loader for vue.js components[making star: 2588].

NO.13

Vuepack (v 3.0): A trendy seed project using Vue 2, Vuex, VUE-Router and Webpack 2 (even Electron).[making star: 2077].

NO.14

Buefy: Lightweight UI component based on Vue. Js of Bulma[making star: 1956].

NO.15

VantYouZan’s vue.js 2.0 mobile user interface[making star: 1730].

NO.16

Codesandbox: An online code editor designed for Web application development[making star: 1552].

NO.17

Vuefire (v 2.0): Firebase 2&> = 3 Vue. Js 1&2 bindings[making star: 1228].

NO.18

Vue-tetrisMake Tetris by using Vue, Vuex, Immutable[making star: 1152].

NO.19

At-ui: a new flat UI suite for desktop applications, made from vue.js 2.0.[making star: 1099].

NO.20

Vue-recyclerview: Use VUe-RecyclerView to master large lists[making star: 1021].

Fundebug real-time error monitoring helps you find bugs in time and improve debugging efficiency!

NO.21

Vuex – persistedstate (v 2.0): Vuex state is maintained using local storage[making star: 1009].

NO.22

Vue-test-utils: a utility for testing Vue components[making star: 977].

NO.23

Vue – meta (v 1.0): Manages page meta information in Vue 2.0 components and supports SSR + streaming media.[making star: 958].

NO.24

ESLint-plugin-vue: The official ESLint vue.js plugin[making star: 864].

NO.25

Vue-js-modal: Easy to use, highly customizable, mobile-friendly Vue.js 2.0+ Modal[making star: 775].

NO.26

Vue-tables-2: vue.js 2 Grid component[making star: 540].

NO.27

Vue-baidu-map: Baidu Map component for Vue 2.x[making star: 540].

NO.28

Vuex-loading: Complex loader management for Vue/Vuex applications[making star: 291].

NO.29

Vue-js-gridVue. Js 2.x responsive grid system with smooth sorting, drag and drop and reordering.[making star: 248].

NO.30

Dockeron: for the Electron + vue.js Docker[making star: 196].