选UI组件库这事，本质是给项目挑一个长期的”合作方”。不少老库的 star 是历史存量，项目早就停更了，数字会一直停在那儿误导新人。
这份榜单里一半的库是 Vue 2 时代的遗老：Element UI 官方早已宣布停止维护，Mint UI 凉了多年，Muse UI、Cube UI 基本进了博物馆。它们的 star 是历史地位，不是当下活跃度。
第一梯队：PC 端大魔王
1. Material UI（87.5k）· React
标签：PC 端 · React
官网：https://mui.com/
GitHub：https://github.com/mui/material-ui
介绍：Google Material Design 在 React 生态的正统传人，全球 star 最高的 React 组件库。
特点：组件覆盖全，主题系统基于 emotion（CSS-in-JS），改 design token 就能全局换肤；SSR 支持好，配 Next.js 是官方认证的黄金搭档。MUI X 里有更高级的数据表格/图表组件，部分收费。
适用：React 中后台、官网、要快速出活的团队。想彻底洗掉 Material 味儿做深度定制的，慎入。
2. Ant Design（86.5k）· React
标签：PC 端 · React
官网：https://ant.design/
GitHub：https://github.com/ant-design/ant-design
介绍：蚂蚁出品，国内企业级 React 应用的默认答案。
特点：组件最全最稳，Form / Table / Pro 系列全家桶体验无敌，国际化、无障碍这些细节都做到位了。设计语言统一，基本”开箱即用、无需设计”。
适用：国内中后台闭眼选，尤其金融、政企、SaaS 这种要”稳”的场景。缺点是长得都像 AntD，想做出差异化得付出定制成本。
3. Element UI（53.5k）· Vue 2
标签：PC 端 · Vue 2
官网：https://element.eleme.io/
GitHub：https://github.com/ElemeFE/element
介绍：饿了么团队出品，Vue 2 时代国内 PC 端的半壁江山。
特点：组件风格清爽，上手极其简单，中文文档全。但官方已停止维护，只支持 Vue 2。
适用：存量 Vue 2 项目维护、学 Vue 组件开发的地基。新项目请直接看下面第 9 名的 Element Plus。
4. Vuetify（37.4k）· Vue 2 / 3
标签：PC 端 · Vue 2 / 3
官网：https://vuetifyjs.com/
GitHub：https://github.com/vuetifyjs/vuetify
介绍：Material Design 的 Vue 代言人，从 Vue 2 活到 Vue 3 的老牌库。
特点：Material 规范贯彻得最彻底，组件 80+，主题定制靠 SASS 变量，换肤方便。
适用：喜欢 Material 风格、用 Vue 写 PC 端的项目。设计自由度介于”纯 Material”和”纯自研”之间。
5. Chakra UI（33.4k）· React
标签：PC 端 · React
官网：https://chakra-ui.com/
GitHub：https://github.com/chakra-ui/chakra-ui
介绍：北美开发者最爱的”没设计技能也能做出好看界面”的 React 库。
特点：所有组件基于 style props 和主题令牌（tokens），可访问性（a11y）做进了骨子里；暗色模式、响应式都是一行 props 的事。
适用：React 项目想要”半成品设计系统”，特别适合独立开发者和小团队。
6. Arco Design（24k）· React / Vue
标签：PC 端 · React / Vue
官网：https://arco.design/
GitHub：https://github.com/arco-design/arco-design
介绍：字节跳动开源的企业级设计体系，React（web-react）和 Vue（web-vue）双版本，外加小程序、Figma 插件等配套。
特点：设计语言年轻化，组件数量对标 AntD，但视觉更现代；文档和设计资源（Figma）全免费开放。
适用：想要 AntD 级别的稳定、又不想撞脸 AntD 的项目。（原表里它排在 20 名开外，我按 star 数提到了这里。）
7. Quasar（23.8k）· Vue 2 / 3
标签：多端跨平台 · Vue 2 / 3
官网：https://quasar.dev/
GitHub：https://github.com/quasarframework/quasar
介绍：一个”假装自己是框架”的组件库——它不只是 UI，而是一整套跨平台方案。
特点：一套代码编译出 Web、PWA、iOS / Android（Cordova / Capacitor）、Electron 桌面应用；组件 Material 风，SSR 支持完备。
适用：Vue 全栈玩家”一次编码、多端发布”，特别适合小团队做多端产品。
8. Vant（21.5k）· Vue 2 / 3 / 小程序
标签：移动端 · Vue 2 / 3 / 小程序
官网：https://vant-ui.github.io/vant/
GitHub：https://github.com/vant-ui/vant
介绍：有赞前端团队出品，移动端 Vue 组件库的事实标准。
特点：组件全、体积小、文档好，移动端交互细节（手势、滚动、弹层）打磨到位；支持 Vue 2 / Vue 3，还有小程序和 React（社区）版本。
适用：移动端 H5 的默认答案，电商、工具类 App 都常见它。
9. Element Plus（20.4k）· Vue 3
标签：PC 端 · Vue 3
官网：https://element-plus.org/
GitHub：https://github.com/element-plus/element-plus
介绍：Element UI 的 Vue 3 正统续作。
特点：继承了 Element 的易用性，全面拥抱 Vue 3 + TypeScript；组件持续完善，配套后台模板一大堆。
适用：Vue 3 中后台的默认首选之一，从 Vue 2 迁上来最平滑。
10.Ant Design Vue（18.3k）· Vue 2 / 3
标签：PC 端 · Vue 2 / 3
官网：https://antdv.com/
GitHub：https://github.com/vueComponent/ant-design-vue
介绍：Ant Design 设计语言的 Vue 实现，国内 Vue 社区的顶流。
特点：几乎 1:1 复刻 AntD 的组件和设计规范，Vue 2 / Vue 3 双版本都在维护。
适用：Vue 技术栈想用 AntD 设计语言的项目。注意它非蚂蚁官方维护，和 React 版是”精神同源、代码无关”。
第二梯队：各有绝活
11. Mint UI（16.6k）· Vue 2
标签：移动端 · Vue 2
官网：https://mint-ui.github.io/
GitHub：https://github.com/ElemeFE/mint-ui
介绍：饿了么的移动端组件库，Vue 2 早期的移动端代表作。
特点：轻量、组件简单。但项目已停止维护多年，star 全是历史存量。
适用：考古学习，或维护上古 Vue 2 移动端项目。新项目碰都不要碰。
12. Fluent UI（15.9k）· React / Web Components
标签：PC / 移动端 · React / Web Components
官网：https://developer.microsoft.com/en-us/fluentui/
GitHub：https://github.com/microsoft/fluentui
介绍：微软官方设计体系 Fluent Design 的落地库。
特点：跨平台矩阵——React 版、Web Components 版，还有 iOS / Android 原生版，一套设计语言通吃。
适用：微软生态产品（Office 插件、Teams 应用、Windows 配套 Web 界面），或想蹭微软设计语言的项目。
13. MUI（DCloud）（13.4k）· 框架无关
标签：移动端 · 框架无关（uni-app）
官网：https://mui.dcloud.net.cn/
GitHub：https://github.com/dcloudio/mui
介绍：DCloud 出品的移动端框架，uni-app 生态的亲儿子。
特点：主打”最接近原生 App 体验”，一套代码编译到 App（nvue）、小程序、H5；性能优先，组件偏底层。官方已停止更新，代码仍在 GitHub 上可自行修改。
适用：uni-app 项目想要更原生手感、更高性能的时候。
14. Naive UI（13k）· Vue 3
标签：PC 端 · Vue 3
官网：https://www.naiveui.com/
GitHub：https://github.com/tusen-ai/naive-ui
介绍：图森未来开源，GitHub 上增长最快的 Vue 3 组件库之一，年轻人的心头好。
特点：纯 TypeScript 编写，tree-shaking 支持极好；主题用 CSS 变量实现，暗色模式一行切换；无第三方 CSS 依赖，包体干净。
适用：Vue 3 + TS 项目，想要”现代、轻、定制自由”的。文档和设计审美都在线。
15. Cube UI（9.1k）· Vue 2
标签：移动端 · Vue 2
官网：https://didi.github.io/cube-ui/
GitHub：https://github.com/didi/cube-ui
介绍：滴滴出行开源的移动端组件库，Vue 2 时代的精品。
特点：交互细节做得好（滴滴真金白银用过），文档里直接内嵌 demo 演示。
适用：Vue 2 移动端老项目维护、参考其交互实现。新项目没必要。
16. Onsen UI（8.7k）· 多框架
标签：移动端 · 原生 / Web Components / React / Vue / Angular
官网：https://onsen.io/
GitHub：https://github.com/OnsenUI/OnsenUI
介绍：日本团队做的移动端 UI 框架，用 HTML5 模拟原生 App 体验。
特点：React、Vue、Angular、原生 JS 全框架兼容，还提供 Web Components 版本；有配套的在线 UI 设计器。
适用：想用 Web 技术做”看起来像原生 App”的移动端项目，或多框架团队共用一套组件。
17. Muse UI（8.3k）· Vue 2
标签：移动端 · Vue 2
官网：http://muse-ui.org/
GitHub：https://github.com/museui/muse-ui
介绍：Vue 2 时代的 Material 风格组件库，当年很火。
特点：Material 风 + Vue 2，项目基本停止维护。
适用：考古。新项目推荐 Vuetify。
18. Semi Design（7.1k）· React
标签：PC 端 · React
官网：https://semi.design/
GitHub：https://github.com/DouyinFE/semi-design
介绍：抖音前端与 UED 团队出品的企业级设计系统。
特点：设计体验细腻（字节的审美摆在那），内置暗色模式、多语言、无障碍；设计变量体系完整，Figma 资源全开放。
适用：React 中后台，想要字节系那种干净现代的设计语言。
19. NutUI（5.4k）· Vue / React / Taro
标签：移动端 · Vue 2 / Vue 3 / React / Taro
官网：https://nutui.jd.com/
GitHub：https://github.com/jd-opensource/nut-ui
介绍：京东风格的移动端组件库，现已覆盖多技术栈。
特点：电商场景组件很全（营销、活动、商品类多），京东系产品验证过，文档多语言。
适用：电商类移动端 / H5 项目，喜欢京东系审美的团队。
20. PrimeVue / PrimeReact（4.2k）· Vue / React
标签：PC 端 · Vue / React
官网：https://primevue.org/ | https://primereact.org/
GitHub：https://github.com/primefaces/primevue | https://github.com/primefaces/primereact
介绍：一套主题双框架实现（还有 Angular 版），主打”大而全”。
特点：组件数量夸张（90+），内置大量高级组件（图表、日程、甘特图），有官方免费后台模板。
适用：想要”一个库搞定所有”的项目，尤其是需要重型数据组件的时候。
21. Varlet（4.2k）· Vue 3
标签：移动端 · Vue 3
官网：https://varletjs.org/
GitHub：https://github.com/varletjs/varlet
介绍：Material 风格的 Vue 3 移动端组件库。
特点：TypeScript 编写，支持暗色模式、SSR，长列表/手势等移动端细节处理到位，社区活跃度不错。
适用：Vue 3 移动端项目，喜欢 Material 风格。
第三梯队：小而美 / 特定战场
22. Lin UI（3.9k）· 微信小程序
标签：移动端 · 微信小程序原生
官网：https://lin-ui.com/
GitHub：https://github.com/TaleLin/lin-ui
介绍：林间有风团队出品，微信小程序原生开发的颜值担当。
特点：组件颜值高、交互顺滑，自带阴影和动效，文档精致；基于原生小程序组件开发，无框架依赖。
适用：微信小程序原生开发，想快速做出好看界面。
23. uView UI（3.8k）· uni-app
标签：移动端 · uni-app（Vue 2）
官网：https://www.uviewui.com/
GitHub：https://github.com/umicro/uView
介绍：uni-app 生态下载量最大的组件库之一。
特点：组件全（40+），工具类齐全（请求、路由封装等），配套文档和模板多，上手快。
适用：uni-app 项目标配之一，中小项目尤其合适。
24. Mand Mobile（3.4k）· Vue 2 / React Native
标签：移动端 · Vue 2 / RN
官网：https://didi.github.io/mand-mobile/
GitHub：https://github.com/didi/mand-mobile
介绍：滴滴开源的金融场景移动端组件库。
特点：专为金融业务打磨（表单、金额、图表类组件细），Vue 2 为主，另有 React Native 版本。
适用：金融、理财类移动端 / H5 项目。
25. FrozenUI（3k）· 框架无关
标签：移动端 · 框架无关
官网：https://frozenui.github.io/
GitHub：https://github.com/frozenui/frozenui
介绍：腾讯手Q前端团队出品的移动端 UI 库。
特点：轻量、纯 CSS 为主，遵循手机 QQ 设计规范。
适用：H5 活动页、非框架项目快速搭界面。比较老了，新项目慎选。
26. TDesign（2.7k）· 多框架
标签：PC / 移动端 · Vue 2 / Vue 3 / React / 小程序
官网：https://tdesign.tencent.com/
GitHub：https://github.com/Tencent/tdesign-react（另有 tdesign-vue / tdesign-vue-next 等）
介绍：腾讯开源的企业级设计体系，全框架覆盖。
特点：Vue 2、Vue 3、React、小程序、移动端都有对应实现，Flutter / Angular 在计划中；设计规范统一，腾讯系产品验证过。
适用：腾讯系产品，或”一套设计语言多端落地”的企业级项目。
27. View UI Plus（2.6k）· Vue 3
标签：PC 端 · Vue 3
官网：https://www.iviewui.com/view-ui-plus/
GitHub：https://github.com/view-design/ViewUIPlus
介绍：View UI（原 iView）的 Vue 3 版本。
特点：iView 老用户顺滑迁移，组件风格延续，老牌中后台库的新生。
适用：iView / Vue 2 存量项目升级，或想用成熟中后台组件的 Vue 3 项目。
28. LULU UI（2.6k）· 原生
标签：PC 端 · 原生 JS
官网：https://l-ui.com/
GitHub：https://github.com/yued-fe/lulu
介绍：阅文集团出品（作者张鑫旭），PC 端原生 JS 组件库。（注：此前流传”58 同城出品”的说法有误。）
特点：零依赖、无框架绑定，纯 JS + CSS 即插即用，Edge 主题还支持 ES Module 原生引入；面向 C 端用户侧的 Web 产品。
适用：不用框架的老项目，或只想引入个别组件的页面。
29. Thor UI（2.3k）· 微信小程序 / uni-app
标签：移动端 · 小程序 / uni-app
官网：https://thorui.cn/
GitHub：https://github.com/dingyong0214/ThorUI（小程序）|https://github.com/dingyong0214/ThorUI-uniapp
介绍：Thor UI 团队出品，一套代码通吃小程序和 uni-app。
特点：组件多（60+），支持微信小程序、uni-app、H5 多端，文档和可视化工具配套齐全。开源版为部分组件，进阶组件走会员制。
适用：小程序 / uni-app 快速开发，功能党最爱。
30. Quark Design（1.7k）· 框架无关
标签：多端 · Web Components
官网：https://quark-design.hellobike.com/
GitHub：https://github.com/hellobike/quark-design
介绍：哈啰出品的”下一代”组件库——基于 Web Components（Shadow DOM）。
特点：真正做到了”任意框架或无框架都能用”，组件原生封装、性能好、无框架心智负担；生态还年轻。
适用：想尝鲜 Web Components、或跨框架共用的项目。技术方向上是亮点，生产环境慎上。
31. Zarm Design（1.6k）· React / Vue
标签：移动端 · React / Vue
官网：https://zarm.design/
GitHub：https://github.com/ZhonganTech/zarm
介绍：众安科技开源的移动端组件库，React 为主，兼容 Vue。
特点：组件品质高（保险 / 金融场景打磨过），TypeScript，支持暗色模式。
适用：金融、保险类移动端项目，React 技术栈。
32. DevUI（1.6k）· Angular / Vue 3
标签：PC 端 · Angular / Vue 3
官网：https://devui.design/
GitHub：https://github.com/DevCloudFE/ng-devui（另有 vue-devui）
介绍：华为云开源的企业级前端解决方案。
特点：Angular 版本成熟，Vue 3 版本（DevUI Plus）在推进，设计规范沉淀自华为云。
适用：Angular 技术栈的中后台，或华为云系产品。
33. HiUI（578）· React
标签：PC 端 · React
官网：https://xiaomi.github.io/hiui/
GitHub：https://github.com/XiaoMi/hiui
介绍：小米开源的企业级中后台组件库（HiUI 5.0 已上线，主打 AI 生成中后台页面）。
特点：组件按数据驱动设计，模板覆盖中后台大部分场景；5.0 加入 AI 能力（需求 → 页面直接生成）。
适用：React 中后台，想试试”AI 辅助生成页面”新玩法的团队。
34. Balm UI（459）· Vue 2 / 3
标签：PC 端 · Vue 2 / 3
官网：https://balm-ui.com/
GitHub：https://github.com/balmjs/balm-ui
介绍：个人开发者维护的 Material 风格 Vue 组件库。
特点：轻量、可定制，Vue 2 / Vue 3 双版本；规模小但一直在维护。
适用：Vue 项目想要 Material 风、又不想背 Vuetify 这个重量级。
35. OpenTiny Design（448）· Vue / Angular
标签：PC 端 · Vue / Angular
官网：https://opentiny.design/
GitHub：https://github.com/opentiny/tiny-vue
介绍：华为云出品的企业级设计体系（TinyVue / TinyNG）。
特点：支持 Vue 2、Vue 3、Angular 多版本，主打企业级中后台，带配套低代码能力。
适用：华为云生态、政企项目。
36. iDux（444）· Vue 3
标签：PC 端 · Vue 3
官网：https://idux.site/
GitHub：https://github.com/IDuxFE/idux
介绍：iDux 团队开源的 Vue 3 + TS 中后台组件库。
特点：现代化实现，API 设计干净，文档友好。
适用：Vue 3 中后台，想找个轻量又现代的库。
37. PIUI（122）· uni-app
标签：移动端 · uni-app（Vue 2）
官网：https://piui.sadais.com/
GitHub：https://github.com/sadais-org/piui
介绍：sadais 团队基于 uni-app 的高质量组件库。
特点：50+ 组件覆盖移动端常见场景，支持按需引入、主题定制；文档完善。
适用：uni-app 项目快速搭建 UI，适合小团队试水。
38. LEGAO UI · React
标签：PC 端 · React（另有 Vue / jQuery 版）
官网：https://legao.jd.com/
GitHub：无公开仓库（非完整开源，npm 包 @jd/legao-vue、@jd/legao-react 等）
介绍：京东自研的企业级 UI 组件库（LEGAO Design）。
特点：多语言、多场景，支持 Vue / React / jQuery 三套技术栈；组件风格服务京东中后台业务。
适用：京东生态或风格接近的项目，用前先评估开源程度和获取渠道。
39. Fusion Design · React
标签：PC 端 · React
官网：https://fusion.design/
GitHub：https://github.com/alibaba-fusion/next
介绍：阿里巴巴的 PC 端中后台设计体系。
特点：设计资源 + 组件库（@alifd/next）一体化，主打”设计资产可配置”，服务阿里云中后台场景。
适用：阿里系产品，或需要设计-开发深度协同的中后台。
大家可以按需使用：
React 中后台：默认 Ant Design；想要自由感选 MUI / Chakra；想要字节审美选 Semi / Arco。
Vue 3 中后台：Element Plus 最稳，Naive UI 最现代，Arco Vue / View UI Plus 也不错。
移动端 H5：Vant 是事实标准；uni-app 项目看 uView / MUI。
小程序：Lin UI（原生）、Thor UI（多端）。
多端跨平台：TDesign、Quasar、Onsen UI。
还在用 Vue 2 的老项目：Element UI / Mint UI / Cube UI 这些 star 虽高，但都停更了，能迁就迁。
评论列表 (0条)：
加载更多评论 Loading...