B端组件库整理
文末有汇总地址
Vant
一款有赞出品轻量、可靠的的移动UI组件库,目前支持Vue2、Vue3、React,微信和支付宝小程序,并由社区团队维护 React版本和支付宝小程序版本。
官网的文档清晰易懂,如果你熟悉vue.js的组件化开发,上手非常容易。
AntDesign
Ant Design是一套企业级UI 设计语言和React组件库,提供了一套非常完整的组件化设计规范与组件化编码规范,能大幅提高了部分产品的设计研发效率及质量。
PC端组件库文档中的设计原则写的比较完善,并且每个组件都描述了何时使用,让其对组件有更深的认识,提供的设计资源也是非常完善,值得web前端企业开发者们收藏!
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 应用。
TDesign React
TDesign 在去年刚刚开源,作为一款诞生于腾讯内部的 UI 组件库,经过腾讯内部 500+ 项业务检验的企业级设计体系,不仅仅是前端 UI 库,更是前端的设计指南和设计体系。支持 React 及腾讯小程序。
TDesign 作为大厂打磨多年后开源的 UI 组件库,文档写的非常好,不仅有「代码例子」还有「设计指南」。让你从多方面理解一个知识点,即便是萌新,也能轻松掌握。
TDesign 还提供了辅助设计工具及设计资源,大家常用的设计工具都能找到对应的设计物料。流程规范,使用清晰,强烈推荐。
ArcoDesign React
ArcoDesign 是由字节跳动 GIP UED 团队和架构前端团队联合推出的企业级设计系统,打磨沉淀 3 年之后开源,ArcoDesign 与 TDesign 开源也就是前后脚的事,让我们通过这两套开源组件,看到大厂在前端完备的设计理念和工整的生产流程。
Material-UI
Material-UI 是 Google Material Design 设计原则的 React 实现,是一套 React 组件库,它的前身是 Google 官方的 Material Design Lite,一个纯前端库。Material UI 绝不是简单的实现了 MD 设计原则的 UI 库,而是更像一个帮助开发者解决设计问题,提供优秀设计组件或设计方案的组件库。 Material-UI 组件库不论是小项目小团队的快速迭代开发,还是长期维护的大型项目,都非常适合,Github 上 Star 高达 80K 之多,是可以闭眼选择的 UI 组件库。
微软 FluentUI
微软在 2017 年开源了 Fluent UI for React ,是最早支持 TypeScript 的 UI 组件库。内部设计很棒,非常适合做大型项目使用,因为出生就支持 TypeScript ,相对于后期转型 TS 的组件库,更加流畅。整个视觉设计上非常简洁,是微软的商务味道。
更多
- 感谢你赐予我前进的力量