推荐几款非常好用的Vue后台管理UI框架和移动端UI组件库

文
章
目
录

• 一、后台管理UI框架
• NO.1 Element Plus
• NO.2 Ant Design
• NO.3 iView
• NO.4 Vuetify
• NO.5 vue-element-admin
• 二、移动端UI框架
• NO.1 Mint UI
• NO.2 Vant
• NO.3 Cube UI
• NO.4 Muse UI
• NO.5 NutUI

你还在自己手撸后台管理页面吗？你还在为用什么配色而烦恼吗？你还在为手机端适配而纠结吗？速来看看下面潘老师给你推荐的几款基于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框架，请记得留言哦~