B端组件库

|

1.Ant.Design蚂蚁金服

https://ant.design/index-cn 实际案例：
https://preview.pro.ant.design/dashboard/analysis/?primaryColor=%231890ff&fixSiderbar=true&colorWeak=false&pwa=false
代码组件：
https://procomponents.ant.design/components/field-set

2.Arco.Design字节跳动

| https://arco.design/ | 实际案例：
https://www.figma.com/community/file/1143750379727993941 | |

3.Semi.Design抖音

| https://semi.design/zh-CN/ | | |

4.Element.Eleme饿了么

| https://element.eleme.cn/#/zh-CN | | |

Element.Eleme(暗黑模式)

| https://element-plus.gitee.io/zh-CN/guide/dark-mode.html | image.png | |

5.京东UDC2.0

| https://findesign.jd.com/#/home
| | |

6.有赞SaaS

| https://design.youzan.com/ | 设计资源：
Zan Desgin PC_2.0_beta.sketch | |

7.腾讯设计体系

| https://tdesign.tencent.com/ | TDesign企业级设计体系 | |

8.Arco.Design 2.0字节跳动

| https://pro.arco.design/ | 实际案例：
https://react-pro.arco.design/dashboard/monitor | |

9.贝壳 Ke.design

| http://design.ke.com/page/home | 实际案例：
http://design.ke.com/page/knowledge?base_id=12&knowledge_id=276 | |

10.Kingsoft Cloud Design 2.0 —— 金山云企业级设计解决方案

| https://design.ksyun.com/ | |

C端设计系统

|

滴滴金融

https://didi.github.io/mand-mobile/#/zh-CN/home

蚂蚁设计手机版

| https://mobile.ant.design/zh/components/button | | |

有赞youzan

| https://design.youzan.com/design/introduce.html | | |

京东taro

| https://taro-ui.aotu.io/#/ | | |

钉钉设计系统

| https://standard.dingtalk.com/#/ | image.png | |

贝壳 Ke.design

| http://design.ke.com/page/home | 实际案例：
http://design.ke.com/page/knowledgeList?base_id=25 |

小程序设计系统

|

微信小程序设计

https://developers.weixin.qq.com/miniprogram/design/#%E5%8F%8B%E5%A5%BD%E7%A4%BC%E8%B2%8C

百度小程序设计

| https://smartprogram.baidu.com/docs/design/overview/introduction/ | | |

有赞小程序设计

| https://vant-contrib.gitee.io/vant/#/zh-CN/form | | |

支付宝小程序设计

| https://opendocs.alipay.com/mini/design | | |

字节跳动小程序设计

| https://microapp.bytedance.com/docs/zh-CN/mini-app/design/design-code/design-code | | |

QQ小程序设计

| https://q.qq.com/wiki/design/miniprogram/ | | |

京东小程序设计

| | |

车载HMI设计

|

车机三方应用交互设计规范

https://developer.huawei.com/consumer/cn/doc/50902

大平台设计系统

|

iOS设计系统

https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/

安卓设计系统

| https://material.io/design | | |

Harmonyos(鸿蒙)设计系统

| https://developer.harmonyos.com/cn/design | | |

华为更新鸿蒙 HarmonyOS 折叠屏设计规范

| https://developer.harmonyos.com/cn/docs/design/des-guides/design-overview-0000001238537957 | | |

LINE 设计系统

| https://designsystem.line.me/ | image.png | |

OPPO AR 设计规范

| https://open.oppomobile.com/ar/uikit/kit.html#_Toc23614 | image.png |

手机网站集合

名称 官网 手机系统
苹果 https://www.apple.com.cn/ https://developer.apple.com/design/human-interface-guidelines/platforms/designing-for-ios/
小米 https://www.mi.com/?g_utm=Thirdparty.Baidu1.L1.3.ProductUnion https://home.miui.com/phone
OPPO https://www.opposhop.cn/cn/web/ https://www.coloros.com/feature/coloros12
vivo https://www.vivo.com.cn/brand/home https://www.vivo.com.cn/originos?cid=w-2-baidu-pz-originos-cp-185
一加 https://www.oneplus.com/cn https://www.oneplus.com/cn/coloros-12?from=foot
华为 https://consumer.huawei.com/cn/phones/ https://consumer.huawei.com/cn/harmonyos-3/?utm_medium=cpc&utm_source=zdkeyword&utm_campaign=zdkeyword_HWHM
魅族 https://www.meizu.com/ https://www.flyme.cn/
https://www.flyme.com/flyme9/index.html
三星 https://www.samsungeshop.com.cn/?cid=cn_paid_ppc_baidubz-PC_samsung_none_estore_text_20220801_biaoti-cibao1 https://www.samsung.com/us/apps/one-ui/

更多UI素材获取.JPG


[

](https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/)


[

](https://material.io/design)


[

](https://developer.harmonyos.com/cn/design)