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-…