你还在自己手撸后台管理页面吗？你还在为用什么配色而烦恼吗？你还在为手机端适配而纠结吗？速来看看下面潘老师给你推荐的几款基于Vue开发的后台管理UI框架和移动端UI主题，让你不再为前端开发而苦恼，直接开箱即用，立马写出高逼格的后台页面和炫酷的移动端页面。
一、后台管理UI框架
NO.1 Element Plus
Element Plus，一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库，之前基于Vue 2.x开发的是叫Element UI，由饿了么前端开源的UI框架，一经面世，备受追捧。
[dm href=’https://element-plus.org/#/zh-CN’]访问官网地址[/dm]
NO.2 Ant Design
antd是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。
[v_act] 特性[/v_act]
[list]提炼自企业级中后台产品的交互语言和视觉风格。
开箱即用的高质量 React 组件。
使用 TypeScript 开发，提供完整的类型定义文件。
全链路开发和设计工具体系。
数十个国际化语言支持。
深入每个细节的主题定制能力。[/list]
[dm href=’https://ant-design.gitee.io/index-cn’]访问官网地址[/dm]
注意：Vue版的ant design是由社区实现的，可以直达官网参考：
[dm href=’https://antdv.com/docs/vue/introduce-cn/’]Ant Design Vue版[/dm]
程序员导航
优网导航旗下整合全网优质开发资源，一站式IT编程学习与工具大全网站
NO.3 iView
iView是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。
[v_act]特性:[/v_act]
[list]高质量、功能丰富
友好的 API ，自由灵活地使用空间
细致、漂亮的 UI
事无巨细的文档
可自定义主题[/list]
[dm href=’https://iview.github.io/’]访问官网地址[/dm]
NO.4 Vuetify
Vuetify 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库。 不需要任何设计技能 — 创建叹为观止的应用程序所需的一切都触手可及。Vuetify是构建在Vue.js之上的完整UI框架。该项目的目标是为开发人员提供他们需要的工具，以构建丰富且引人入胜的用户体验，并且Vuetify从一开始就被设计为易于学习。
[dm href=’https://vuetifyjs.com/zh-Hans/’]访问官网地址[/dm]
NO.5 vue-element-admin
vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么，本项目都能帮助到你。
[dm href=’https://panjiachen.github.io/vue-element-admin-site/zh/’]访问官网地址[/dm]
二、移动端UI框架
NO.1 Mint UI
Mint UI是饿了么开源的移动端UI组件库，基于vue.js的移动端UI框架。Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。
[dm href=’http://mint-ui.github.io/#!/zh-cn’]访问官网地址[/dm]
AI 工具导航
优网导航旗下AI工具导航，精选全球千款优质 AI 工具集
NO.2 Vant
Vant 是有赞前端团队开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。组件丰富，非常地赞！
[v_act]特性[/v_act]
[list]提供 60 多个高质量组件，覆盖移动端各类场景
性能极佳，组件平均体积不到 1kb（min+gzip）
单元测试覆盖率 90%+，提供稳定性保障
完善的中英文文档和示例
支持 Vue 2 & Vue 3
支持按需引入
支持主题定制
支持国际化
支持 TypeScript
支持 SSR[/list]
[dm href=’https://github.com/youzan/vant’]访问官网地址[/dm]
NO.3 Cube UI
Cube UI是滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。
[v_act]特点[/v_act]
[list]质量可靠。由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。
体验极致。以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。
标准规范。遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。
扩展性强。支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。[/list]
[dm href=’https://didi.github.io/cube-ui/#/zh-CN’]访问官网地址[/dm]
NO.4 Muse UI
Muse UI 基于 Vue2.0 开发，Vue2.0是当下最快的前端框架之一，小巧，api友好，可用于开发的复杂单页应用。Muse UI 自定义主题方式极为优雅，仅需少量代码即可完成主题样式替换。Muse UI 拥有40多个UI 组件，用于适应不同业务环境。
[dm href=’https://muse-ui.org/#/zh-CN’]访问官网地址[/dm]
NO.5 NutUI
NutUI 是京东风格的 Vue 移动端组件库，开发和服务于移动Web界面的企业级产品。非常适合电商类平台开发。
[v_act]特性[/v_act]
[list]70+ 高质量组件（3.0 持续开发中）
基于京东APP 10.0 视觉规范
支持按需引用
详尽的文档和示例
支持 TypeScript
支持服务端渲染（测试阶段）
支持定制主题
单元测试覆盖（3.0 开发中）[/list]
[dm href=’https://nutui.jd.com/#/’]访问官网地址[/dm]
如果你还有更好的UI框架，请记得留言哦~
相关文章
