开箱即用的中后台管理模版,建议收藏!

简介: 开箱即用的中后台管理模版,建议收藏!

Vue Element Admin


vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18n 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。

1.webp.jpg

Github(⭐️77.5k):github.com/PanJiaChen/…


Ant Design Pro


Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级中后台产品设计研发过程中的用户和设计者的体验。

Ant Design Pro 的特点如下:

  • TypeScript: 应用程序级 JavaScript 的语言
  • 区块: 通过区块模板快速构建页面
  • 优雅美观:基于 Ant Design 体系精心设计
  • 常见设计模式:提炼自中后台应用的典型页面和场景
  • 最新技术栈:使用 React/umi/dva/antd 等前端前沿技术开发
  • 响应式:针对不同屏幕大小设计
  • 主题:可配置的主题满足多样化的品牌诉求
  • 国际化:内建业界通用的国际化方案
  • 最佳实践:良好的工程实践助您持续产出高质量代码
  • Mock 数据:实用的本地数据调试方案
  • UI 测试:自动化测试保障前端产品质量
  • 2.webp.jpg

Github(⭐️32.5k):github.com/ant-design/…


React Admin


React Admin 是基于React17.x、Ant Design4.x、Material Design在REST/GraphQL API之上构建在浏览器中运行的管理应用程序的一款前端框架。

3.webp.jpg

Github(⭐️20.2k):github.com/marmelab/re…


iView Admin


iView-admin是iView生态中的成员之一,是一套采用前后端分离开发模式,基于Vue的后台管理系统前端解决方案。其内置了开发后台管理系统常用的逻辑功能,和开箱即用的业务组件,旨在让开发者能够以最小的成本开发后台管理系统,降低开发量。

4.webp.jpg

Github(⭐️16.1k):github.com/iview/iview…


Vue Manage System


Vue Manage System 是一个后台管理系统解决方案。它作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统(Web Management System)开发。基于 Vue3 + pinia,引用 Element Plus 组件库,方便开发快速简洁好看的组件。分离颜色样式,支持手动切换主题色,而且很方便使用自定义主题色。

5.webp.jpg

Github(⭐️15.4k):github.com/lin-xin/vue…


Vue vben admin


Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的vue3,vite2,TypeScript等主流技术开发,开箱即用的中后台前端解决方案。其特点如下:

  • 最新技术栈:使用 Vue3/vite2 等前端前沿技术开发
  • TypeScript: 应用程序级 JavaScript 的语言
  • 主题:可配置的主题
  • 国际化:内置完善的国际化方案
  • Mock 数据 内置 Mock 数据方案
  • 权限 内置完善的动态路由权限生成方案
  • 组件 二次封装了多个常用的组件

6.webp.jpg

Github(⭐️13k):github.com/vbenjs/vue-…


Vue Admin  Better


vue-admin-better 是一个基于 vue3+element-plus 的中后台前端框架。其特点如下:

  • 40+高质量单页
  • RBAC 模型 + JWT 权限控制
  • 10 万+ 项目实际应用
  • 良好的类型定义
  • 开源版本支持免费商用
  • 跨平台 PC、手机端、平板
  • 后端路由动态渲染

7.webp.jpg

Github(⭐️12.6k):github.com/chuzhixin/v…


D2Admin


D2Admin 是一个完全开源免费的企业中后台产品前端集成方案,使用最新的前端技术栈,小于 60kb 的本地首屏 js 加载,已经做好大部分项目前期准备工作,并且带有大量示例代码,助力管理系统敏捷开发。

8.webp.jpg

Github(⭐️11.6k):github.com/d2-projects…


AntD Admin


AntD Admin 是一套优秀的中后台前端解决方案。其特征如下:

  • 国际化,源码中抽离翻译字段,按需加载语言包
  • 动态权限,不同权限对应不同菜单
  • 优雅美观,Ant Design 设计体系
  • Mock 数据,本地数据调试

9.webp.jpg

Github(⭐️9k):github.com/zuiidea/ant…


Vuestic Admin


Vuestic Admin 是一套免费且美观的 Vue.js (3.x)管理模板,使用 Vuestic UI 构建,包含 44 多个自定义 UI 组件。

10.webp.jpg

Github(⭐️8.8k):github.com/epicmaxco/v…


Vue Pure Admin


vue-pure-admin 是一个免费开源的中后台模版。使用了最新的vue3 vite2 Element-Plus TypeScript等主流技术开发,开箱即用的中后台前端解决方案。

11.webp.jpg

Github(⭐️3.2k):github.com/xiaoxian521…


Vue Antd Admin


Vue Antd Admin 是 Ant Design Pro 的 Vue 实现版本,是一个开箱即用的中后台前端/设计解决方案。

112.webp.jpg

Github(⭐️3.1k):github.com/iczer/vue-a…


Geeker Admin


Geeker Admin 是基于 Vue3.2、TypeScript、Vite2、Pinia、Element-Plus 开源的一套后台管理模板。

13.webp.jpg

Github(⭐️1.8k):github.com/HalseySpicy…


Soybean Admin


Soybean Admin 是一个基于 Vue3、Vite3、TypeScript、Naive UI和UnoCSS 的清新优雅的中后台模版,它使用了最新的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于mock实现的动态权限路由,开箱即用的中后台前端解决方案。

14.webp.jpg

Github(⭐️1.2k):github.com/honghuangdc…


Vue Admin Box


vue-admin-box是一个免费并且开源的中后台管理系统模板。使用最新版本的vue3+vite+element-plus开发而成,目的是为了解决通用型的业务中后台系统复杂的配置。

15.webp.jpg

Github(⭐️880):github.com/cmdparkour/…


Vue3.0 Template Admin


vue3.0-template-admin 是基于 vue3+ElementPlus+Typescript+Vite 搭建一套通用的后台管理模板;并基于常见业务场景,抽象出常见功能组件;包括动态菜单,菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等。

16.webp.jpg

Github(⭐️760):github.com/GeekQiaQia/…


相关文章
12 个非常适合做项目的开源后台管理系统
12 个非常适合做项目的开源后台管理系统
2928 0
|
前端开发 JavaScript 数据安全/隐私保护
推荐6款超级好看的开源中后台前端框架
推荐6款超级好看的开源中后台前端框架
2933 0
|
SQL 前端开发 Java
开源通用后台管理系统
开源通用后台管理系统
705 2
|
前端开发 JavaScript 安全
7.6K Star Shadcn Admin:颜值与实力并存的后台管理系统,前端开发者的新宠!
"基于 Shadcn UI 和 Vite 打造的现代化管理后台,开箱即用的响应式设计 + 无障碍访问,让后台开发从未如此优雅!" —— 来自 GitHub 7.6K 星认证
3605 26
|
存储 资源调度
在 Pinia 中如何实现状态持久化?
在 Pinia 中如何实现状态持久化?
3486 57
|
JavaScript 前端开发 搜索推荐
推荐5款免费、开箱即用的Vue后台管理系统模板
推荐5款免费、开箱即用的Vue后台管理系统模板
1687 1
|
前端开发 JavaScript 测试技术
大厂开源项目,真的太爽啦,字节跳动出品!这个设计系统开源神器,让你的产品颜值与效率齐飞
Semi Design是由抖音前端团队开源的企业级设计系统,**同时支持React/Vue双框架**,提供超过60+高质量组件。不同于普通UI库,它从**设计工程化**角度出发,打通Figma设计资源与前端代码的桥梁,真正实现设计稿到代码的"零误差还原"。目前已在字节跳动200+项目中验证,日均调用量超过3000万次。
954 7
|
前端开发 JavaScript 搜索推荐
一文 Next / React / SSR / SSG / CSR 扫盲
一文 Next / React / SSR / SSG / CSR 扫盲
876 6
|
JavaScript 前端开发 Java
花了一天时间, 搜刮的个人觉得不错的16套vue3后台管理模版
花了一天时间, 搜刮的个人觉得不错的16套vue3后台管理模版
7573 2
花了一天时间, 搜刮的个人觉得不错的16套vue3后台管理模版
|
JavaScript
vue3完整教程从入门到精通(新人必学2,搭建项目)
本文介绍了如何在Vue 3项目中安装并验证Element Plus UI框架,包括使用npm安装Element Plus、在main.js中引入并使用该框架,以及在App.vue中添加一个按钮组件来测试Element Plus是否成功安装。
850 0
vue3完整教程从入门到精通(新人必学2,搭建项目)