参考了如下组件库，因为有些设计是多个版本和框架的，这里只讨论 Vue3 版本。
Element Plus
官方网站：element-plus.gitee.io/zh-CN
饿了么团队基于 Vue 3.0 更新发布的优秀开源桌面 UI 组件库，这是 Element UI 的升级版本，体验同样优秀，api更加友好，文档同样详尽，很香，我开发管理后台的主要 UI 框架，移动端涉及到表格就会用上它。
Element – 饿了么团队出品的神级桌面 UI 组件库，它诞生于 2016 年，起初是饿了么内部的业务组件库，主要用于快速开发中后台管理产品。在开源后深受广大前端开发者的喜爱， 4 年多的时间，Element 在 GitHub 上已经获得 52.6k 的 star，14.2k 的 fork，NPM 下载量高达 106 万次/月。已经成为 Vue 生态中最流行的 UI 组件库之一。
TDesign Vue Next
官方网站：tdesign.tencent.com/mobile-vue/…
TDesign Vue-Next For Mobile 旨在满足 H5 场景下的前端页面开发需求，同时，产品保持了与 TDesign 小程序端 高度一致的设计语言 和 API，统一的 API 不仅在开发上能让开发者在多端开发中更加适应，也可以通过 API 自动生成单元测试用例。
TDesign 是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系。
TDesign 具有统一的 价值观，一致的设计语言和视觉风格，帮助用户形成连续、统一的体验认知。在此基础上，TDesign 提供了开箱即用的 UI 组件库、设计指南 和相关 设计资产，以优雅高效的方式将设计和研发从重复劳动中解放出来，同时方便大家在 TDesign 的基础上扩展，更好的的贴近业务需求。
NutUI-JDT 3.0
官方网站：nutui.jd.com/jdt/#/
京东出品的轻量免费开源 Vue 组件库迎来了全新版本更新，NutUI-JDT 是京东样式风格的 Vue 移动端组件库，开发和服务于移动 Web 界面的企业级产品。
京东出品的 Vue 移动端 UI 组件库 NutUI-JDT 最近迎来了大版本更新，还特意做了全新的官网，主色调从原来的蓝色变成了绿，这也意味着，京东科技涌现，新设计，科技感很拉满。
ArcoDesign
官方网站：www.thosefree.com/arco-design
字节跳动团队最新开源的企业级产品设计系统，包含一套 Vue3/React UI 组件库，在刚结束的2021稀土开发者大会上，头条和抖音的母公司字节跳动开源了ArcoDesign / SemiDesign 两款 UI 组件库，本文主要介绍 ArcoDesign。
ArcoDesign 基于字节跳动公司内部的 Byte Design 升级而来，在打磨了近 3 年之后，通过字节内部大量业务沉淀和验证，在前两天由掘金举办的《稀土开发者大会2021》上开源了，这不仅仅是一款 UI 组件库，而是一个能力全面的企业级产品设计系统。
Wave UI
官方网站：antoniandre.github.io/wave-ui/
WaveUI 在Vue3 发布后进行了良好的定位，WaveUI 的开发是在 Vue3 仍处于alpha阶段时就开始了，其目标是在其API稳定后立即支持它，使其成为首批 Vue3 UI框架之一。
WaveUI 拥有40多个漂亮且响应迅速的组件，它们的范围从旋转器到日历，以及介于两者之间的任何东西。WaveUI 还提供实用程序、可定制性和成熟的集成表单验证功能。
WaveUI 提供的组件非常漂亮，动画效果也非常好，它的风格在整个框架中是一致的。企业级响应式 Vue3 应用程序不错的选择。
Ionic
官方网站： ionicframework.com/docs/vue/ov…
Ionic 是最早提供 Vue3 支持的 UI 框架之一， Ionic 更倾向于移动 UI，团队知道如何迎合和维护一个优秀的 UI 框架。
Ionic Vue 是一个很成熟的框架，有一个令人震惊的社区、大量的 StackOverflow 问题、企业支持和一个拥有核心成员的大型 Slack 频道，这使得可以在需要帮助时轻松获得支持。
Ionic Vue 框架在 Github上有 45k+ 颗星，已经被很多大公司使用，包括空客（Airbus）和艺电（Electronic Arts），而 Ionic 的团队以擅长维护他们的UI框架而闻名，这是现在和未来的一个很好的选择。
NutUI
官方网站：nutui.jd.com/#/
京东出品的轻量免费开源 Vue 组件库迎来了全新版本更新，NutUI 是京东样式风格的 Vue 移动端组件库，开发和服务于移动 Web 界面的企业级产品。
京东出品的 Vue 移动端 UI 组件库
NutUI 最近迎来了大版本更新，还特意做了全新的官网，主色调从原来的蓝色变成了红色，这也意味着，不仅升级到了如今火热的 Vue 3.x，整套 UI 视觉也进行了全新设计，看着更接近京东 App。
BalmUI
官方网站：next-material.balmjs.com/#/
BalmUI 已经发布了他们的 9.0 版本了，该版本支持Vue3。Balm 基于谷歌的 Material Design，这就是为什么它看起来很熟悉。Balm 附带 Vue 插件和指令，以及从简单到复杂的高度可定制的组件。
BalmUI 是一款由 Balm.js （一款类似 Vue CLI 的前端工作流工具）团队打造前端 UI 组件库，基于最新的 Vue 3 构建，开箱即用，定制化强，设计风格完全遵循谷歌的 Material Design 设计规范，是一款交互体验非常优秀的 UI 组件库。
Vuestic
官方网站：vuestic.dev
Vuestic 是 Vue 最漂亮的开源管理面板之一，擅长编写可维护的 Vue 代码，制作灵活的组件和接口。
该团队最近发布了 Vuestic 的 Vue3版本，包含了流行的 Vuestic Admin UI 和更多的组件。Vuestic 强调它对键盘导航的开箱即用支持，由于它提供的用户体验，这个特性在前端社区很受欢迎。
Varlet UI
官方网站：varlet.gitee.io/varlet-ui/#…
基于 Vue3 的免费开源 Material 风格移动端 UI 组件库，被尤雨溪/阮一峰等大神推荐，值得关注。
Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库，全面拥抱 Vue3 生态，由社区团队维护。支持 Typescript、按需引入、暗黑模式、主题定制、国际化，并提供 VSCode 插件保障良好的开发体验
Naive UI
官方网站：www.naiveui.com/zh-CN/os-th…
Naive UI 在 Twitter 上发布，然后被 Vue 的创建者转发，给这个新生的组件库带来了大量流量。现在，Naive UI 在不到三个月的时间里就在 GitHub 上获得了10k 颗星。
它提供了70多个制作精良的组件，这些组件可以无缝地融入几乎任何类型的 Vue3应用。Naive的组件性能优异，可定制性极强，并支持 TypeScript，提供了很棒的开发体验。
Quasar
官方网站：next.quasar.dev/
Quasar 是一个完整的、以性能为中心的框架，可帮助构建 Vue 用户界面（SPA、PWA、SSR、移动和桌面），除了 Vue、Node 和 Webpack，Quasar 还包含 Cordova、Capacitor 和 Electron，它们可以帮助构建桌面和移动体验，而无需单独学习。
Quasar 框架似乎是基于 Material Design，但是一旦开始，一切都可以很好地定制以适应自己的设计体系。
对 Vue3 支持也很迅速，而且 Quasar 已经发布了几乎所有的 v1 组件、插件和指令。此外，他们还发布了可组合组件，帮助开发人员更深入地了解 Quasar API。
PrimeVUE
官方网站：primefaces.org/primevue/sh…
PrimeVUE 也算是最早支持 Vue3 的框架之一，它并没有让人失望。PrimeVUE 拥有 80 多个组件，证明自己是此列表中组件范围最广的框架之一。
组件包括带有仪表、滑块、树、图形、拆分按钮、旋钮、图表等的密码表单。PrimeVUE 甚至还集成了一个表单验证库 Vuelidate。附带了预先制作的主题，并提供了一个成熟的可视化编辑器，帮助开发人员定制自己的主题。
Ant Design Vue
官方网站：www.antdv.com/components/…
Ant Design Vue 是一个非常成熟的框架，使用 Ant Design Vue 创建用户界面非常简单，这些组件可以适应各种图标样式、字体和黑色主题。Ant Design Vue 不断改进其60多个组件，基本覆盖项目大部份需求，而且使它们变得更好，更易于访问。
Vue3 上的 Ant Design 包更小，感觉更轻，并且支持 SSR（还包括组合API），Ant Design 拥有成熟的复杂组件，如数据表、统计框、pop确认、模态和弹出窗口。
Ant Design Vue 在 GitHub 上拥有 15k+ 颗星，每周下载量为 49k，数据已经说明了它的受欢迎程度。
Vant UI
官方网站：vant-contrib.gitee.io/vant/#/zh-C…
Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。
个人强力推荐，公司移动端开发使用这个作为移动端公共框架开发，用起来很香
目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。
Mzl UI
官方网站：mzlui.codeym.com/#/
Mzl UI 是一个轻量、可靠、完美的支持Vue3的组件库
Mzl UI 组件库是基于MIT开源在GitHub上的一款全新的支持vue3.2+vite的组件库，是我们共同爱好者一起开发维护的组件库。目前已完成了79个版本的更新，已完成30+基础组件的开发，提供190+常用图标选择。github贡献者达到了9+人员的参与，star次数超过65+。
这是我加入的团队，虽然没上面的这么优秀，但相信未来会越来越好。
一直在进步，重要的我们不是要让多少人来用我们的组件，而是通过自己动手来实现，增加自己的技术功底和封装思想，我们在学习中探索、在探索中成长，为了成为更好的自己。如果有兴趣想加入团队的话，扣合作贡献请私信或者邮件：1046674804@qq.com，让我们积极参与贡献吧。
未来我们将持续优化组件库的性能。提供更多的优质组件。也将计划开发基于react18+vite的组件库。届时欢迎各路大神积极参与贡献，共同完成属于我们自己的组件库。
Github：github.com/Ningstyle/m…
总结
本篇讨论的主要内容是：
以上就是 Vue3组件库 开发工程师常用的16个开源UI框架，其中有几款框架真心不错，大家可直接在网上搜索安装体验，设计更酷炫、更符合客户体验度的界面。
随着生态系统的迁移，从 Vue2 迁移到 Vue3 将变得更加容易，因此，借助 Vue3 提供的API和响应性，并结合这些 UI 框架将会让项目开发变得更好、更快、更灵活。
结语
如果你觉得此文对你有一丁点帮助，点个赞，鼓励一下阿绵哈哈。
宝贝们，都看到这里了，要不点个赞呗 👍
写作不易，希望可以获得你的一个「赞」。如果文章对你有用，可以选择「关注 + 收藏」。 如有文章有错误或建议，欢迎评论指正，谢谢你。❤️
