常用的UI组件库整理，建议收藏！

UI组件库是可以理解为是一个重复使用的界面设计元素的集合体 ，它是一个文件库。 UI组件库在整个系统中扮演的是行为层面的对接，是团队内部设计师和开发间的横向协作，是保证产品输出一致的规范基础。Pixso资源社区 中选择设计系统，里面有不同行业不同顶部互联网大厂的UI组件库！均可免费一键调用！

如何在Pixso免费使用UI组件库

Pixso资源社区内置海量国内外大厂的设计系统及UI设计组件库，包括TDesign、Arco Design、Ant Design、Material design、阿里、京东、华为等优秀设计规范，所有大厂UI组件库资源均可一键调用，颜色、文本样式、图层样式不仅可以一键保存为资源，还可搭配起来重复添加为组件资源共享到团队，实现快速复用。

第一步：打开 Pixso官网 ，进入Pixso【资源社区】，选择【设计素材】。

第二步：在Pixso资源社区的设计素材分类栏中选择设计系统，即可解锁大量设计师常用的UI组件库，单击打开你的目标UI组件库。

第三步：打开组件库，点击【复制】—【打开文件】，即可免费使用组件库。

进入Pixso编辑器后，你可以随意拖曳UI组件使用，Pixso支持Sketch、XD、PIX、PDF设计格式导入/导出。

原子级组件 Arco Design

Arco Design 组件库 是由字节跳动 GIP UED 团队和架构前端团队联合推出的企业级设计系统。UI组件库 Arco Design 拥有系统的设计规范和资源，依据此规范提供了覆盖 React、Vue、Mobile 的 原子组件。基于丰富的原子组件，Arco 提供了除风格配置平台、物料平台的定制化工具外还包括图标平台、品牌库、Arco Pro 最佳实践的资源平台，旨在帮助设计师与开发者解放双手、提升工作效率、高质量地打造符合业务规范的中后台应用。

桌面端组件 TDesign

UI组件库 TDesign 是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系，于2021年12月底正式对外开源，它提供一套完整的设计体系，目前同时支持4个框架。TDesign组件库秉承“开源”理念，通过设计开源结合代码开源，让设计和代码得到无缝衔接，让资源能更好的分配到必要的环节。

UI组件库TDesign隶属于腾讯前端委员会和腾讯设计委员会，是腾讯企业级设计体系，为产业互联网在各个应用环节提供所需要的设计、研发等解决方案，让设计、研发从繁琐重复的劳动中释放出来，让大家更专注深耕体验和细节。

企业级组件 Ant Design

随着商业化的趋势，越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目标，蚂蚁集团体验技术经过大量项目实践和总结，逐步打磨出一个服务于企业级产品的设计体系 —— Ant Design。基于「自然」、「确定性」、「意义感」、「生长性」四大设计价值观，通过模块化解决方案，降低冗余的生产成本，让设计者专注于更好的用户体验。

移动端组件 Zarm Design

UI组件库 Zarm 是众安科技基于React、React-Native研发的一款适用于企业级的移动端UI组件库。

Zarm Design组件库有着以下六个独特特点：

• 提炼自企业级移动端产品的交互语言和视觉风格，逐步培养用户的视觉心里和行为习惯。

• 高质量的前端代码的实现。

• 形成规范和标准，降低设计、开发的人力成本和沟通成本。

• 配合工具体系，帮助业务快速完成高质量的产品原型。

• 提供国际化解决方案，多语言支持。

• 使用 TypeScript 开发，支持静态检查，提升开发体验。

京东全能组件 Taro UI

Taro组件库是由京东·凹凸实验室 倾力打造的多端开发解决方案。现如今市面上端的形态多种多样，Web、ReactNative、微信小程序 等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

UI组件库Taro可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、RN等）运行的代码。一套组件可以在微信小程序，H5 多端适配运行。

小程序组件 WeUI

随着小程序的普及，微信也有很多内部小程序在开发，每个小程序都需要从零到1进行开发设计，而这个过程中，有大量的 UI 交互是重复的，而 WeUI 是一套基于样式库weui-wxss开发的小程序扩展组件库，同微信原生视觉体验一致的 UI 组件库，由微信官方设计团队和小程序团队为微信小程序量身设计，令用户的使用感知更加统一。

B端组件 DevUI

UI组件库DevUI 的价值观奠定了DevCloud品牌的基础。它是DevCloud的设计师们思考、工作的产物，反映了DevCloud的产品文化、设计理念和对客户的承诺。DevUI组件库的这些价值观贯穿于所有产品和面向客户的沟通和内容中。同时，它是DevUI设计原则的源头，为具体的设计方法提供启发和指引。UI组件库DevUI倡导沉浸、灵活、至简的设计价值观，提倡设计者为真实的需求服务，是为多数人进行设计，拒绝哗众取宠、取悦眼球的设计。