Vue is a lightweight, high-performance, componentized MVVM library with a clean API and quick to use. Since its launch, Vue has been recognized by many Web developers. In the development of the company’s Web front-end projects, a number of projects are developed using THE UI component framework based on Vue and put into formal use. The development team in the use of vue. js framework and UI component library, the development efficiency is greatly improved, their own code is also less, many interface effect components have been packaged. In the process of choosing Vue UI component library, some excellent Vue UI component libraries have been collected and sorted out on GitHub according to the number of STAR, document richness, update frequency and maintenance. The following PHP programmer Lei Xuesong detailed to introduce to you strongly recommend excellent Vue UI component library. IView is a set of open source UI component library based on VUe.js, mainly serving PC interface in the background products. IView components or relatively complete, update is also very fast, the document is written in detail. Vue UI component framework is more reliable and maintained by the company team. IView ecology is also done very well, there is an open source iView Admin, do the background is very convenient. IView has been used in the products of TalkingData, Alibaba, Baidu, Tencent, Toutiao, JD.com, Didi Chuxing, Meituan, Sina, Lenovo and other large companies, according to its official website. IView official website: https://www.iviewui.com/
Vux UI component library Vux is a mobile UI component library developed based on WeUI and Vue2. X, mainly serving wechat pages. The positioning of Vux is already clear: Vue mobile UI component library, and WeUI basic style library. Vux components cover all the content of WeUI and extend some commonly used components. For example, Sticky, Timeline, V-Chart, and XCircle. Vux is personally maintained. However, the Star on GitHub is still very high, reaching 13K. Seeing the closure of the issue on GitHub is pretty quick. The Vux documentation explains basic component usage and effects in place. There are also a number of vUX use cases on the vUX website. In wechat page development, there are basically no too many bugs, the development is relatively smooth. Vux official website: https://vux.li/
Element, a Vue 2.0-based desktop component library for developers, designers, and product managers. Element is a Vue UI component library maintained by Ele. me front-end and open source. It is updated frequently, with a new version released every week to half a month. Complete components, basic cover all components required by the background, detailed documentation, examples are also very rich. I haven’t actually used it. There are many tutorials and articles on Element online. Element should be a high quality Vue UI component library. Element’s website: http://element.eleme.io/#/zh-CN
Mint UI is a mobile component library based on vue. js, also from the front-end project of Ele. me. The Mint UI is truly loaded on demand. You can load only declared components and their style files. The Mint UI uses CSS3 to handle dynamic effects, avoiding unnecessary redrawing and rearrangement in the browser and giving users a smooth, smooth experience. Many of the video tutorials on the web are based on the Mint UI, and developing mobile Web projects is easy and well documented. Many of the Mint UI components are already packaged and can be written as examples with a few simple tweaks. However, the last code submission on GitHub was on January 16, 2018, which is now half a year old. I do not know whether the project is stable and not updated, or whether the project is likely to be abandoned. We’ll keep an eye on the Mint UI. Mint UI website: http://mint-ui.github.io/#! /zh-cn
5. Bootstrap-vue UI component library Bootstrap-Vue provides the implementation of the VUE2-based Bootstrap V4 component and grid system, completing the extensive and automated WAI ARA accessibility markup. Uiv is a Bootstrap 3 implementation based on Vue2. Bootstrap 4 is the latest release that has more concrete classes than Bootstrap3 and turns some related parts into related components. Meanwhile, the size of bootstrap.min. CSS has been reduced by more than 40%. Bootstrap4 has dropped support for IE8 and iOS 6, and now only supports IE9 and iOS 7. Bootstrap was the most popular framework for building mobile-first websites in the world when responsive websites first became popular. Even now, many enterprise websites use Bootstrap to respond. Bootstrap-vue allows you to implement Bootstrap effects in Vue. Bootstrap-vue website: https://bootstrap-vue.js.org/ UIV website: https://uiv.wxsm.space/
Ant Design Vue is a Vue implementation of Ant Design 3.X that develops and serves enterprise-level backend products. Several Ant Design Vue components can be found on GitHub. But in comparison, Ant Design Vue comes out on top. Ant Design Vue shares the Ant Design of React Design toolkit. It implements all Ant Design of React components, supports modern browsers and IE9 and above (polyfills required). It makes it easy for those familiar with Ant Design to use Vue. Ant Design Vue website: https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/
At-ui is a front-end UI component library based on vue. js 2.0, which is mainly used for rapid development of background products in PC websites, supporting modern browsers and IE9 and above. At-ui is more streamlined and implements common components in the background. AT_UI official website: https://at-ui.github.io/at-ui/#/zh
Vant is a lightweight, reliable mobile Vue component library. Vant is open source and maintained primarily by the likes team. Vant Appellate is a version of Vant, the appellate mobile component library, that provides a consistent API to help developers quickly build appellate apps based on the same visual specifications. To date, Vant has opened source more than 50 components that have been validated by uzan’s online business. Such as: AddressEdit address editing, AddressList AddressList, Area provincial selection, Card, Contact Contact, Coupon Coupon, GoodsAction action point on commodity page, SubmitBar order submission bar, Sku Shell layer. If do mall, do not care too much about the interface, the implementation of business logic, with Vant component library development or very fast. Vant website: https://youzan.github.io/vant/#/zh-CN/intro
Cube-ui is a sophisticated mobile component library based on vue.js. It is condensed and refined from Didi’s internal component library, and has experienced the test of business for more than a year. Moreover, each component has sufficient unit test to provide guarantee for subsequent integration. Pursue the ultimate in interactive experience. Follow the unified design interaction standards, highly restore the design effect; Interface standardization, unified specification of the use of more simple and efficient development. Support on-demand introduction and post-compilation, lightweight and flexible; Strong scalability, can be easily based on existing components to achieve secondary development. Cube – UI’s official website: https://didi.github.io/cube-ui/#/zh-CN
Muse-ui is based on Vue 2.0 elegant Material Design UI component library. Muse UI has more than 40 UI components designed to adapt to different business environments. The Muse UI requires a small amount of code to do the theme style substitution. Muse UI can be used to develop complex single-page applications
The N3 components library is built on vue.js to allow front-end engineers and full stack engineers to quickly build pages and applications. N3-components over 60 component lists, custom styles, support for multiple modeling paradigms (UMDS), developed using ES6. N3’s official website: https://n3-components.github.io/N3-components/component.html
Mand Mobile is a Vue Mobile TERMINAL UI component library for financial scenes, which is rich, flexible and practical. It can quickly build high-quality financial products and make complex financial scenes simple. Mand Mobile contains a wealth of components 30+ basic components, covering the financial scene, extremely easy to use components are detailed documentation, case demonstration, absorb the latest technology, components lightweight implementation, considering stability and quality, strive to achieve full coverage of the financial scene. Mand Mobile website: https://didi.github.io/mand-mobile/#/zh-CN/home
13, we – vue UI component library we – vue is a based on vue. Js mobile component library, combining weui. CSS library that encapsulates a series of components, very suitable for WeChat public and other mobile terminal development. We-vue contains 35+ components, unit test coverage is over 98%, support for babel-plugin-import, complete online documentation, detailed online examples. We-vue official website: https://wevue.org/
Veui is a Vue enterprise level UI component library developed by Baidu EFE Team. There is no documentation yet, only demo. GitHub says it’s a work in progress. We’ll just have to be patient. Veui website: https://ecomfe.github.io/veui/components/#/
15. The Semantic-UI-Vue UI component library is an implementation of the Semantic-UI framework based on vue. js. Semantic is a development framework that helps developers build elegant, responsive layouts using human-friendly HTML. Semantic-ui-vue provides a semantic-UI-like API and a set of customizable themes. Semantic-ui-vue official website: https://semantic-ui-vue.github.io/#/
Vue-beauty vuE-Beauty is a PC UI component library based on vue.js and Ant-Design styles, designed to help developers improve product experience and development efficiency, and reduce maintenance costs. Vue-beauty contains a wealth of components, covering common scenarios, based on VUE component-based development, data-driven views, packaging complexity, simple and friendly apis, optimized based on Ant Design style. Vue-beauty website: https://fe-driver.github.io/vue-beauty
NutUI is a set of JINGdong style mobile Vue component library, development and service for mobile Web interface enterprise front, middle and background products. NutUI component library supports cross-platform, automatic transfer to wechat small program components (online later, please look forward to it), 30+ JINGdong mobile terminal project is in use, based on JINGdong APP 7.0 visual specification, support on-demand loading, detailed documentation and examples, support custom themes, support multi-language (internationalization), support TypeScript, Support server rendering (Vue SSR), unit test support, supporting webpack-based build tools, you can quickly create the Vue project has built this component library. NutUI website: https://nutui.jd.com/#/index
PHP programmer Lei Xuesong reminds everyone that when choosing a framework, it must be based on the actual Web development situation and the familiarity of the team. A good UI component library is too important for a Web project. A good UI component library can do more with less. I hope this blog, highly recommend a good Vue UI component library, can help!
Source: Excellent Vue UI component library is highly recommended