推荐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

相关推荐
傻小胖1 小时前
React 脚手架配置代理完整指南
前端·react.js·前端框架
DevUI团队3 小时前
震惊!2024年DevUI开源社区竟然还做了这些!!
前端·开源
m0_748240916 小时前
Vue.js前端框架教程12:Vue表单验证rules和form.validate
javascript·vue.js·前端框架
NocoBase8 小时前
GitHub 上排名前 11 的开源管理后台(Admin Dashboard)项目
低代码·开源·github·仪表盘·admin
木卫二号Coding9 小时前
docker-开源nocodb,使用已有数据库
数据库·docker·开源
北京_宏哥10 小时前
《手把手教你》系列基础篇之(一)-java+ selenium自动化测试-环境搭建(上)(详细教程)
java·selenium·前端框架
breaksoftware10 小时前
低代码开源项目Joget的研究——Joget8社区版安装部署
低代码·开源
星就前端叭11 小时前
【开源】一款基于SpringBoot的智慧小区物业管理系统
java·前端·spring boot·后端·开源
刺客-Andy11 小时前
React 第十九节 useLayoutEffect 用途使用技巧注意事项详解
前端·javascript·react.js·typescript·前端框架
赵大仁13 小时前
深入理解 Vue 3 中的具名插槽
前端·javascript·vue.js·react.js·前端框架·ecmascript·html5