前端

Appearance

Vue3 UI 组件库 ​

PC 端 ​

  1. element-plus(PC端)

饿了么UI库

文档地址：https://element-plus.org/zh-CN/component/button.html

  1. tdesign-vue-next(PC端)

腾讯优质 UI 组件，配套工具完满，设计工整，文档清晰

文档地址：https://tdesign.tencent.com/vue-next/overview

  1. arco-design-vue(PC端)

字节跳动 UI 组件库开源，大厂逻辑，设计文档完美

文档地址：https://arco.design/vue/docs/starthttps://www.yii666.com/

  1. ant-design-vue(PC端)

蚂蚁前端 UI 库，面向企业级中后台

文档地址：https://www.antdv.com/components/overview-cn

  1. naive-ui(PC端)

宝藏 Vue UI 库，Vue UI 新星，从 Vue 3 起步

文档地址：https://www.naiveui.com/zh-CN/os-theme/docs/introduction

  1. Buefy(PC端)

为基于 Bulma 的 Vue.js 提供了轻量级的 UI 组件

文档地址：https://buefy.org/documentation

  1. Vue Material(PC端)

简单、轻巧，并且完全按照 Google Material Design 规范构建

文档地址：https://www.creative-tim.com/vuematerial/components/app

  1. Vuesax(PC端)

一个用Vuesax创建的UI组件框架，具有独特和愉快的风格

文档地址：https://vuesax.com/docs/guide/

文章来源地址 https://www.yii666.com/blog/342709.html?action=onAll

  1. Vuestic(PC端)

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

文档地址：https://vuestic.dev/zh/introduction/overview

  1. View UI Plus(PC端)

View UI Plus 是 View Design 设计体系中基于 Vue.js 3 的一套 UI 组件库，主要用于企业级中后台系统。

文档地址：https://www.iviewui.com/view-ui-plus/guide/introduce

移动端 ​

  1. vant-ui(移动端)

有赞团队开源移动 UI 组件库，全面支持 Vue 3，针对移动端

文档地址： https://vant-contrib.gitee.io/vant/#/zh-CNhttps://vant-ui.github.io/vant/#/zh-CN/toast

  1. nutui(移动端)

京东出品，移动端友好，面向电商业务场景

文档地址：https://nutui.jd.com/#/guide/intro

  1. vuetify(移动端)

老牌 Vue UI ，基于谷歌的 Material Design 样式开发

文档地址：https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides文章来源站点https://www.yii666.com/

  1. varlet(移动端)

Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库，全面拥抱 Vue3 生态，由社区建立起来的组件库团队进行维护。

文档地址： https://varletjs.org/#/zh-CN/indexhttps://varlet.gitee.io/varlet-ui/#/zh-CN/home

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

tdesign的移动端版本UI库，面向vue3

文档地址：https://tdesign.tencent.com/mobile-vue/getting-started

参考 ​

vue3的优质UI库