Transfer: www.jianshu.com/p/0a3efa80e…
Like React, one of the best features of Vue is the ability to compose the UI using separate modular components. To help you build your next application faster, here are some of the best UI component libraries of 2018.
1.Vuetify
With a Star count of 11K, more than 80 vue.js components are provided, which are implemented according to the Google Material Design guide. Vuetify supports browsers on all platforms, including IE11 and Safari 9+ (using Polyfill), and comes with eight vuE-CLI templates.
Address: github.com/vuetifyjs/v…
2.Quasar
With a Star count of over 6K, it is a popular framework for building vue.js responsive websites, PWA, hybrid mobile applications, and Electron applications. Quasar also supports features such as HTML/CSS/JS compression, cache cleaning, tree shaking, source mapping, code splitting and lazy loading, ES6 transcoding, and more.
Address: github.com/quasarframe…
3.Element
Star number nearly 28K, is a Web oriented VUe.js 2.0 UI toolkit. It has a strong community with 350 contributors, a wealth of customizable components, complete style guides and more resources.
Address: github.com/ElemeFE/ele…
4. Vue Material
Star, at approximately 6K, is a simple library that implements Google Material Design. The library also provides a WebPack template, SSR templates for nuxt.js, and a separate HTML file from which to start using the framework. Here are some examples of introductory codesandbox. IO/s/a lot/vu… .
Address: github.com/vuematerial…
5.Keen-UI
Star counts nearly 3.5K, a collection of Vue components inspired by Google Material Design in Design. Keen-ui is not a CSS framework; it does not include grid systems, typographical styles, and so on. Instead, it focuses on javascript-based interactive components.
Address: github.com/JosephusPay…
6. Buefy
Star number around 3K, based on Bulma (Bulma.io) provides a set of lightweight UI components. Vue.js and Bulma are the only two internal dependencies of this library. It is about 60KB in size (compressed and includes Bulma). You can check out the documenta site (buefy.github. IO /#/documenta…) And run the code on Codepen.
Address: github.com/buefy/buefy
7. Bootstrap Vue
With a Star count of over 5K, vue.js provides an implementation of Bootstrap 4 components and grid systems, and provides automatic WAI-ARIA accessibility tags.
Address: github.com/bootstrap-v…
8. Muse-UI
With over 6K stars, it is another Vue 2.0 MD library that offers over 40 UI components and customizable themes. The documentation is mainly written in Chinese, although most components are self-explanatory and the documentation is only supporting. The project is under active development and maintenance.
Address: github.com/museui/muse…
9. AT-UI
Star count close to 1.5K, a modular front-end UI framework for developing vue.js based Web interfaces for desktop applications. It provides a front-end development workflow of NPM+Webpack+Babel and independent CSS styles that are worth checking out.
Address: github.com/at-ui/at-ui
10. Vux
With more than 13K stars, it is a popular community library based on WeUI and Vue 2.0. The library also supports webpack+ VUe-loader + VUX workflow. Its documentation is also in Chinese.
Address: github.com/airyland/vu…
11. iView
Star counts nearly 16K and offers dozens of UI components and widgets built in vue.js with a clean and elegant design. IView is widely adopted and actively maintained by the community, with CLI tools available for creating projects in a visual manner. That’s worth a try, too.
Address: github.com/iview/iview
12. Uiv
The Star number is “only” around 550 for the Bootstrap 3 component library for Vue 2. All the components add up to about 20KB, and the only external dependencies are Vue and Bootstrap CSS to support webPack-based workflows.
Address: github.com/wxsms/uiv
13. Vuikit
Star number around 1K, a responsive Vue UI library for website interface, clean and unified design style. The library is built as a “monorepo” managed by the Yarn workspace, but ICONS and themes can be published as separate packages.
Address: github.com/vuikit/vuik…
14.Onsen UI+Vue
Based on the popular Onsen-UI framework, encapsulates core Web components and exposes VUe-style apis. The Onsen UI component is also designed to actively respond to Prop.
Address: onsen. IO/v2 / guide/vu…
15.Semantic UI+Vue
This project is basically an integration of the Semantic-UI framework with vue.js. The library, which is still under development, provides a Semantic-UI-like API and a set of customizable themes.
Address: semantic UI – vue. Making. IO /
16. Fish-UI
The Star count is “only” around 500 and there are only three contributors, but Fish-UI offers a VUe-based Web toolkit with neat, clean components. The library supports ES2015+Webpack workflows. Its documentation is not exhaustive, but its design is hard to ignore.
Address: github.com/myliang/fis…
17.Mint UI
Star counts over 11K, provides UI elements for vue.js, provides CSS and JS components for building mobile applications. When fully imported, the compressed code is only 30KB (JS+CSS), although it also supports importing individual components.
Address: github.com/ElemeFE/min…
18.Framework7 Vue
This integration provides almost all of Framework7 elements and components and integrates the Framework7 Router to render pages in a Vue manner. The library is under active development and maintenance.
Address: framework7. IO/vue
19.Cube UI
With a Star count of more than 3K, it is a UI component library for vue.js mobile applications. All components are unit tested, and the library also supports on-demand post-compilation and component imports. The library is still under active development.
Address: github.com/didi/cube-u…
20. Vueblu
Star is a UI component library based on Vue 2.0 and Bulma for building mid-stage and back office products. It supports ES2015 and NPM+Webpack+Babel workflows and offers customizable themes.
Address: github.com/chenz24/vue…
21.Ant Design Vue
Star counts approximately 1.5K for developing enterprise-class back-end products with dozens of Ant Design implementation components and support for WebPack-based debug build solutions (ES6 support). Please note that its development has been halted for some time.
Address: github.com/okoala/vue-…