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

Web前端 潘老师 3年前 (2021-07-30) 5984 ℃ (0) 扫码查看

你还在自己手撸后台管理页面吗?你还在为用什么配色而烦恼吗?你还在为手机端适配而纠结吗?速来看看下面潘老师给你推荐的几款基于Vue开发的后台管理UI框架和移动端UI主题,让你不再为前端开发而苦恼,直接开箱即用,立马写出高逼格的后台页面和炫酷的移动端页面。

一、后台管理UI框架

NO.1 Element Plus

Element Plus,一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库,之前基于Vue 2.x开发的是叫Element UI,由饿了么前端开源的UI框架,一经面世,备受追捧。
访问官网地址
推荐几款非常好用的Vue后台管理UI框架和移动端UI组件库

NO.2 Ant Design

antd是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。

特性
  • 提炼自企业级中后台产品的交互语言和视觉风格。
  • 开箱即用的高质量 React 组件。
  • 使用 TypeScript 开发,提供完整的类型定义文件。
  • 全链路开发和设计工具体系。
  • 数十个国际化语言支持。
  • 深入每个细节的主题定制能力。

访问官网地址
注意:Vue版的ant design是由社区实现的,可以直达官网参考:
Ant Design Vue版
推荐几款非常好用的Vue后台管理UI框架和移动端UI组件库

NO.3 iView

iView是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。

特性:
  • 高质量、功能丰富
  • 友好的 API ,自由灵活地使用空间
  • 细致、漂亮的 UI
  • 事无巨细的文档
  • 可自定义主题

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

NO.4 Vuetify

Vuetify 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库。 不需要任何设计技能 — 创建叹为观止的应用程序所需的一切都触手可及。Vuetify是构建在Vue.js之上的完整UI框架。该项目的目标是为开发人员提供他们需要的工具,以构建丰富且引人入胜的用户体验,并且Vuetify从一开始就被设计为易于学习。
访问官网地址
推荐几款非常好用的Vue后台管理UI框架和移动端UI组件库

NO.5 vue-element-admin

vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么,本项目都能帮助到你。
访问官网地址
推荐几款非常好用的Vue后台管理UI框架和移动端UI组件库

二、移动端UI框架

NO.1 Mint UI

Mint UI是饿了么开源的移动端UI组件库,基于vue.js的移动端UI框架。Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。
访问官网地址
推荐几款非常好用的Vue后台管理UI框架和移动端UI组件库

NO.2 Vant

Vant 是有赞前端团队开源的移动端组件库,于 2017 年开源,已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务,对外服务十多万开发者,是业界主流的移动端组件库之一。组件丰富,非常地赞!

特性
  • 提供 60 多个高质量组件,覆盖移动端各类场景
  • 性能极佳,组件平均体积不到 1kb(min+gzip)
  • 单元测试覆盖率 90%+,提供稳定性保障
  • 完善的中英文文档和示例
  • 支持 Vue 2 & Vue 3
  • 支持按需引入
  • 支持主题定制
  • 支持国际化
  • 支持 TypeScript
  • 支持 SSR

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

NO.3 Cube UI

Cube UI是滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。

特点
  • 质量可靠。由滴滴内部组件库精简提炼而来,经历了业务一年多的考验,并且每个组件都有充分单元测试,为后续集成提供保障。
  • 体验极致。以迅速响应、动画流畅、接近原生为目标,在交互体验方面追求极致。
  • 标准规范。遵循统一的设计交互标准,高度还原设计效果;接口标准化,统一规范使用方式,开发更加简单高效。
  • 扩展性强。支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。

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

NO.4 Muse UI

Muse UI 基于 Vue2.0 开发,Vue2.0是当下最快的前端框架之一,小巧,api友好,可用于开发的复杂单页应用。Muse UI 自定义主题方式极为优雅,仅需少量代码即可完成主题样式替换。Muse UI 拥有40多个UI 组件,用于适应不同业务环境。
访问官网地址
推荐几款非常好用的Vue后台管理UI框架和移动端UI组件库

NO.5 NutUI

NutUI 是京东风格的 Vue 移动端组件库,开发和服务于移动Web界面的企业级产品。非常适合电商类平台开发。

特性
  • 70+ 高质量组件(3.0 持续开发中)
  • 基于京东APP 10.0 视觉规范
  • 支持按需引用
  • 详尽的文档和示例
  • 支持 TypeScript
  • 支持服务端渲染(测试阶段)
  • 支持定制主题
  • 单元测试覆盖(3.0 开发中)

访问官网地址
推荐几款非常好用的Vue后台管理UI框架和移动端UI组件库
如果你还有更好的UI框架,请记得留言哦~


版权声明:本站文章,如无说明,均为本站原创,转载请注明文章来源。如有侵权,请联系博主删除。
本文链接:https://www.panziye.com/java/web/3375.html
喜欢 (5)
请潘老师喝杯Coffee吧!】
分享 (0)
用户头像
发表我的评论
取消评论
表情 贴图 签到 代码

Hi,您需要填写昵称和邮箱!

  • 昵称【必填】
  • 邮箱【必填】
  • 网址【可选】