vue3的优质UI库

PC端UI库

1. element-plus(PC端)

饿了么UI库
文档地址：https://element-plus.org/zh-CN/component/button.html

2. tdesign-vue-next(PC端)

腾讯优质 UI 组件，配套工具完满，设计工整，文档清晰
文档地址：https://tdesign.tencent.com/vue-next/overview

3. arco-design-vue(PC端)

字节跳动 UI 组件库开源，大厂逻辑，设计文档完美
文档地址：https://arco.design/vue/docs/start

4. ant-design-vue(PC端)

蚂蚁前端 UI 库，面向企业级中后台
文档地址：https://www.antdv.com/components/overview-cn

5. naive-ui(PC端)

宝藏 Vue UI 库，Vue UI 新星，从 Vue 3 起步
文档地址：https://www.naiveui.com/zh-CN/os-theme/docs/introduction

6. Buefy(PC端)

为基于 Bulma 的 Vue.js 提供了轻量级的 UI 组件
文档地址：https://buefy.org/documentation

7. Vue Material(PC端)

简单、轻巧，并且完全按照 Google Material Design 规范构建
文档地址：https://www.creative-tim.com/vuematerial/components/app

8. Vuesax(PC端)

一个用Vuesax创建的UI组件框架，具有独特和愉快的风格
文档地址：https://vuesax.com/docs/guide/

9. Vuestic(PC端)

完全兼容Vue.js 3，包含50多个功能丰富的组件，可用于任何设计解决方案，允许通过配置和CSS变量全局配置组件，完全响应和支持现代浏览器(除IE11)，与i18n无缝集成
文档地址：https://vuestic.dev/zh/introduction/overview

10. View UI Plus(PC端)

View UI Plus 是 View Design 设计体系中基于 Vue.js 3 的一套 UI 组件库，主要用于企业级中后台系统。
文档地址：https://www.iviewui.com/view-ui-plus/guide/introduce

移动端UI库

1. vant-ui(移动端)

有赞团队开源移动 UI 组件库，全面支持 Vue 3，针对移动端
文档地址：https://vant-contrib.gitee.io/vant/#/zh-CN

2. nutui(移动端)

京东出品，移动端友好，面向电商业务场景
文档地址：https://nutui.jd.com/#/guide/intro

3. vuetify(移动端)

老牌 Vue UI ，基于谷歌的 Material Design 样式开发
文档地址：https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides

4. varlet(移动端)

Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库，全面拥抱 Vue3 生态，由社区建立起来的组件库团队进行维护。
文档地址：https://varlet.gitee.io/varlet-ui/#/zh-CN/home

5. tdesign-mobile-vue(移动端)

tdesign的移动端版本UI库，面向vue3
文档地址：https://tdesign.tencent.com/mobile-vue/getting-started

工具包

1. Quasar

Quasar 是一个基于 Vue 的通用框架，可让你用相同的代码库为不同平台编写应用程序：SPA，PWA，SSR 应用，混合移动应用或多平台桌面应用。Quasar 包含多达 81 个组件。

这里有大量的文档和的组件，这些组件在设计时都考虑了性能和响应能力。Quasar 默认情况下集成了最佳做法（HTML/CSS/JS最小化、缓存清除、tree shaking，源映射、带有延迟加载的代码拆分、ES6 生成，code-splitting、可访问性等），所以你只需要把经历放在程序的功能上。它还提供了一个 CLI 工具，用于轻松构建新的项目。

文档地址：https://quasar.dev/