推荐6款超级好看的开源中后台前端框架

目录

      • [1. Soybean Admin](#1. Soybean Admin)
      • [2. Pure Admin](#2. Pure Admin)
      • [3. Ant Design Pro](#3. Ant Design Pro)
      • [4. Vue-Vben-Admin](#4. Vue-Vben-Admin)
      • [5. ArcoDesign](#5. ArcoDesign)
      • [6. Vue Shop Vite](#6. Vue Shop Vite)

1. Soybean Admin

Soybean Admin是一个基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新优雅的中后台模版,它使用了最新流行的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于文件的路由系统以及基于 Mock 的动态权限路由,开箱即用的中后台前端解决方案。

2. Pure Admin

vue-pure-admin是一款开源免费且开箱即用的中后台管理系统模版。使用Vue3、Vite、Element-Plus、TypeScript、Pinia、Tailwindcss等主流技术栈开发。

3. Ant Design Pro

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

4. Vue-Vben-Admin

Vue-Vben-Admin是一个基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台解决方案,目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。项目会使用前端较新的技术栈,可以作为项目的启动模版,以帮助你快速搭建企业级中后台产品原型。也可以作为一个示例,用于学习 vue3、vite、ts 等主流技术。该项目会持续跟进最新技术,并将其应用在项目中。http://doc.vvbin.cn/guide/introduction.html

5. ArcoDesign

ArcoDesign 是一套设计系统的简称(字节跳公司--火山引擎 & 架构前端)。ArcoDesign 的目标, 即通过通用的设计系统去解决产品中的体验问题, 并为产品设计提供指导原则解决业务问题,同时它能够促进设计部门和研发部门之间协作, 成为开发者之间沟通的语言。ArcoDesign 主要服务于字节跳动旗下中后台产品的体验设计和技术实现,主要由UED设计和开发同学共同构建及维护。https://arco.design/vue/docs/pro/start

6. Vue Shop Vite

Vue Shop Vite全新一代的前端模板 💪 40+高质量单页

💅 RBAC 模型 + JWT 权限控制

🌍 10 万+ 项目实际应用

👏 良好的类型定义

🥳 开源版本支持免费商用

🚀 跨平台 PC、手机端、平板

📦️ 后端路由动态渲染
https://github.com/chuzhixin/vue-admin-better
https://vue-admin-beautiful.com/shop-vite/#/index

相关推荐
n***85944 小时前
嵌入式 UI 开发的开源项目推荐
windows·开源·开源软件
想自律的露西西★6 小时前
用el-scrollbar实现滚动条,拖动滚动条可以滚动,但是通过鼠标滑轮却无效
前端·javascript·css·vue.js·elementui·前端框架·html5
sinovoip7 小时前
Banana Pi BPI-CanMV-K230D-Zero 采用嘉楠科技 K230D RISC-V芯片设计
人工智能·科技·物联网·开源·risc-v
OpenAnolis小助手7 小时前
开源生态发展合作倡议
开源·操作系统·龙蜥社区·龙蜥·openanolis
杭州奥能充电桩9 小时前
移动充储机器人“小奥”的多场景应用(上)
开源·能源
hummhumm10 小时前
第 28 章 - Go语言 Web 开发入门
java·开发语言·前端·python·sql·golang·前端框架
幼儿园的小霸王10 小时前
通过socket设置版本更新提示
前端·vue.js·webpack·typescript·前端框架·anti-design-vue
GISer_Jing15 小时前
React核心功能详解(一)
前端·react.js·前端框架
鑫宝Code19 小时前
【React】React Router:深入理解前端路由的工作原理
前端·react.js·前端框架
沉默璇年1 天前
react中useMemo的使用场景
前端·react.js·前端框架