作者:Nana的设计锦囊

这里从万千组件库里精选了对新手最有帮助的分享给大家，每个组件也做了简单的分类和说明。文末有合集下载地址，记得收藏哦～

1.企业级B端组件：Ant Design （AD）

目前国内最实用的B端开源组件库，开发哥哥们的心头肉。包含移动端+桌面端（黑白模式），

Download：https://ant.design/docs/resources


2.企业级B端后台组件：Salesforce Lightning Design System

Salesforce是目前全球最受欢迎的CRM（客户管理）公司开发的设计系统，AD的鼻主之一。它家还有现成的library插件，装上直接用（都打包在文末合集下载里了），内包含移动端+PC端+图标。

Download：https://www.lightningdesignsystem.com/resources/downloads/


3.工具性桌面端组件：阿里teambition-Clarity Design

非常详尽的分为：基础/业务/图标3部分组件，做类似蓝湖/面试系统/工具型产品桌面端的同学可以参考

Download：https://design.teambition.com/overview


4.常用桌面端组件：饿了么 Element

基于 Vue 2.0 的纯桌面端组件库

Download：https://element.eleme.cn/#/zh-CN/resource


5.小程序组件：微信主站+微信小程序WeUI

感觉微信挺久没有更新过开源组件库了，这里包含了微信主站和小程序的控件以及黑白模式。

Download：https://developers.weixin.qq.com/miniprogram/design/#%E5%9B%BE%E6%A0%87


6.大厂C端组件：滴滴Mand Mobile

滴滴金融团队出品，我看了下基本和出行主站的组件库差不多，很适合新手学习搭建组件库（滴滴出行主站的组件不是开源的，这里就不放了）

Download：https://didi.github.io/mand-mobile/#/zh-CN/design/other/resource


7.大厂适配组件：京东Taro UI

京东凹凸实验室（核心业务）针对多端（小程序/H5等）适配的组件库。

Download：https://taro-ui.jd.com/#/docs/resource


8.组件+规范：有赞 Zan Design

规范与组件库融合，包含移动端+PC

Download：https://design.youzan.com/resource/resource.html


9. 系统级组件：Apple UI Design Resources

苹果设计系统：ios14（Beta），发布于2020年7月

Download：https://developer.apple.com/design/resources/


10.系统级组件：Google Material Design

Google的设计系统，简称MD

Download：https://material.io/resources


11.系统级组件：Microsoft Fluent Design System

window的设计系统，包含黑白模式

Download：暂无（需要的可以到文末下载合集链接里有）




本文原创，未经作者允许不可转载！
更多内容，欢迎关注作者微信公众号：Nana的设计锦囊！

文章来源:公众号Nana的设计锦囊
作者:Nana的设计锦囊

这里从万千组件库里精选了对新手最有帮助的分享给大家，每个组件也做了简单的分类和说明。文末有合集下载地址，记得收藏哦❤～

1.企业级B端组件：Ant Design （AD）

目前国内最实用的B端开源组件库，开发哥哥们的心头肉。包含移动端+桌面端（黑白模式），

Download：https://ant.design/docs/resources


2.企业级B端后台组件：Salesforce Lightning Design System

Salesforce是目前全球最受欢迎的CRM（客户管理）公司开发的设计系统，AD的鼻主之一。它家还有现成的library插件，装上直接用（都打包在文末合集下载里了），内包含移动端+PC端+图标。

Download：https://www.lightningdesignsystem.com/resources/downloads/


3.工具性桌面端组件：阿里teambition-Clarity Design

非常详尽的分为：基础/业务/图标3部分组件，做类似蓝湖/面试系统/工具型产品桌面端的同学可以参考

Download：https://design.teambition.com/overview


4.常用桌面端组件：饿了么 Element

基于 Vue 2.0 的纯桌面端组件库

Download：https://element.eleme.cn/#/zh-CN/resource


5.小程序组件：微信主站+微信小程序WeUI

感觉微信挺久没有更新过开源组件库了，这里包含了微信主站和小程序的控件以及黑白模式。

Download：https://developers.weixin.qq.com/miniprogram/design/#%E5%9B%BE%E6%A0%87


6.大厂C端组件：滴滴Mand Mobile

滴滴金融团队出品，我看了下基本和出行主站的组件库差不多，很适合新手学习搭建组件库（滴滴出行主站的组件不是开源的，这里就不放了）

Download：https://didi.github.io/mand-mobile/#/zh-CN/design/other/resource


7.大厂适配组件：京东Taro UI

京东凹凸实验室（核心业务）针对多端（小程序/H5等）适配的组件库。

Download：https://taro-ui.jd.com/#/docs/resource


8.组件+规范：有赞 Zan Design

规范与组件库融合，包含移动端+PC

Download：https://design.youzan.com/resource/resource.html


9. 系统级组件：Apple UI Design Resources

苹果设计系统：ios14（Beta），发布于2020年7月

Download：https://developer.apple.com/design/resources/


10.系统级组件：Google Material Design

Google的设计系统，简称MD

Download：https://material.io/resources


11.系统级组件：Microsoft Fluent Design System

window的设计系统，包含黑白模式

Download：暂无（需要的可以到文末下载合集链接里有）