vue3的优质UI库
大约 2 分钟
PC端UI库
1. element-plus
- (饿了么团队) 基于 Vue 3,面向设计师和开发者的组件库 。
- 文档地址:https://element-plus.org/zh-CN/component/button.html
2. tdesign-vue-next
- 腾讯优质 UI 组件,配套工具完满,设计工整,文档清晰
- 文档地址:https://tdesign.tencent.com/vue-next/overview
3. arco-design-vue
- 字节跳动 UI 组件库开源,大厂逻辑,设计文档完美
- 文档地址:https://arco.design/vue/docs/start
4. ant-design-vue
- 蚂蚁前端 UI 库,面向企业级中后台
- 文档地址:https://www.antdv.com/components/overview-cn
5. naive-ui
- 一个 Vue 3 组件库,比较完整,主题可调,使用 TypeScript,快,有点意思
- 文档地址:https://www.naiveui.com/zh-CN/os-theme/docs/introduction
6. Buefy
- 为基于 Bulma 的 Vue.js 提供了轻量级的 UI 组件
- 文档地址:https://buefy.org/documentation
7. Vue Material
- 简单、轻巧,并且完全按照 Google Material Design 规范构建
- 文档地址:https://www.creative-tim.com/vuematerial/components/app
8. Vuesax
- 一个用Vuesax创建的UI组件框架,具有独特和愉快的风格
- 文档地址:https://vuesax.com/docs/guide/
9. Vuestic
- 完全兼容Vue.js 3,包含50多个功能丰富的组件,可用于任何设计解决方案,允许通过配置和CSS变量全局配置组件,完全响应和支持现代浏览器(除IE11),与i18n无缝集成
- 文档地址:https://vuestic.dev/zh/introduction/overview
10. View UI Plus
- 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