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