十大常用Web前端UI组件库，赶紧收藏

作者：菁瑞优智

Vant

一款有赞出品轻量、可靠的的移动UI组件库，目前支持Vue2、Vue3、React，微信和支付宝小程序，并由社区团队维护 React版本和支付宝小程序版本。

官网的文档清晰易懂，如果你熟悉vue.js的组件化开发，上手非常容易。

AntDesign

Ant Design是一套企业级UI 设计语言和React组件库，提供了一套非常完整的组件化设计规范与组件化编码规范，能大幅提高了部分产品的设计研发效率及质量。

PC端组件库文档中的设计原则写的比较完善，并且每个组件都描述了何时使用，让其对组件有更深的认识，提供的设计资源也是非常完善，值得web前端企业开发者们收藏!

AntDesign Mobile

Ant Design 移动端设计规范，一个基于Preact/React/React Native 的UI 组件库。新版样式比较好，文档更新的也好用起来了

Bootstrap

Bootstrap 是全球受欢迎的前端开源工具库，Bootstrap4中文文档这个UI 库来自Twitter 的成员，拥有了box-flex布局等更新，但是组件比较少，特点是提供了很多工具类;需要引入JQuery，如果有自己特殊的需求，就需要重新定制样式。

FlatUI是基于Bootstrap做的Metro化改造，由Designmodo提供。FlatUI包含了很多Bootstrap提供的组件，但是外观更加漂亮。

Layui

经典开源模块化前端UI 框架(官方文档镜像站)，JQuery时代很好的UI 库，是一套开源的Web UI 解决方案,其内部采用的是自身经典的模块化规范,并遵循原生HTML/CSS/JS 的开发方式,极易上手,拿来即用。

ElementUI

出自饿了么前端团队，学Vue 的童鞋们必用的一款UI 库，采用Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于Vue 2.0 的组件库，提供了配套设计资源，帮助网站快速成型，也支持有Angular 和React 的版本，ElementPlus 支持Vue3。

semidesign

出自字节跳动抖音前端与UED 团队，是一款包含设计语言、React组件、主题等开箱即用的中后台解决方案，可用于快速搭建美观的React 应用。

TaroUI

出自京东凹凸实验室，基于Taro 的多端UI 组件库，提供友好的API，可灵活的使用组件，一套组件可以在 微信小程序、H5、ReactNative 等多端适配运行。

Vuetify

Vuetify 是建立在Vue.js之上的完备的界面框架。该项目的目标是向开发人员提供他们积累的丰富且吸引用户体验所需的工具。 Vuetify从一开始就设计为易于学习的并且拥有来自 Material设计规范的数百个精心设计组件。每一个组件都经过精心设计，具有模块化、响应式和优秀的性能。

WeUI

WeUI ——微信官方的UI 库，一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信Web开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。

来源： 今日头条