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

今天主要介绍web前端常用的UI库，这些网站基本都是背靠互联网大厂，值得web前端开发者收藏，当然还是要多多学习使用。

Vant

一款有赞出品轻量、可靠的的移动UI组件库，目前支持 Vue2、Vue3、React，微信和支付宝小程序，并由社区团队维护 React 版本和支付宝小程序版本。
官网的文档清晰易懂，如果你熟悉vue.js的组件化开发，上手非常容易。

Ant Design

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

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

Ant Design Mobile

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

Bootstrap

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

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

Layui

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

ElementUI

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