哈喽，大家好 我是
xy👨🏻💻。今天给大家分享8个基于Vue3 + Vite + Ts + Niaive UI开箱即用的中后台模版！！！
作为一名前端切图仔，在日常工作中，我们不可避免地需要开发各种管理系统。每次启动新项目并搭建框架都费时费力，这严重影响了我们的摸鱼时间。
为了解决这个问题，今天我为大家分享 8 个基于 Vue3 + Vite + TypeScript + Naive UI 的开箱即用的中后台模板，帮助大家提高开发效率，轻松享受摸鱼时光！
Naive UI Admin
Naive Ui Admin 是一款基于 Vue3、Vite3 和 TypeScript 的先进中后台解决方案，集成了前沿的前端技术栈和典型业务模型。它拥有二次封装组件、动态菜单、权限校验、粒子化权限控制等核心功能，旨在帮助企业快速构建高质量的中后台项目。
-
Github 地址：
https://github.com/jekip/naive-ui-admin -
在线预览地址：
https://naive-ui-admin.vercel.app/dashboard/console
Celeris Web
一个基于 Vue3 和 Vite 的免费开源前端框架，具有 Naive UI 组件和 TypeScript 支持，采用 Monorepo 结构。它还集成了 OpenAI，为现代 Web 开发提供自然语言处理能力。
-
Github 地址：
https://github.com/kirklin/celeris-web -
在线预览地址：
https://celeris-web.vercel.app/#/dashboard/index
Soybean Admin
一个清新优雅、高颜值且功能强大的后台管理模板，基于最新的前端技术栈，包括 Vue3, Vite5, TypeScript, Pinia, NaiveUI 和 UnoCSS。
-
Github 地址：
https://github.com/soybeanjs/soybean-admin -
在线预览地址：
https://soybeanjs.cn/
Vue Naive Admin
基于 Vue3 + Vite + Pinia + Unocss + Naive UI 的轻量级后台管理模板。
-
Github 地址：
https://github.com/zclzone/vue-naive-admin/tree/2.x -
在线预览地址：
https://admin.isme.top/
Vue Bag Admin
vue-bag-admin，采用 Vite4、Vue3、TypeScript、JavaScript 构建，支持多种写法和调用，完整的框架体系，响应式中后台管理系统
-
Github 地址：
https://github.com/hangjob/vue-bag-admin -
在线预览地址：
https://vite.itnavs.com/admin/#/home
Nova admin
一个基于 Vue3、Vite5、Typescript、Naive UI, 简洁干净后台管理模板，用简单的方式实现完整功能，并尽可能的考虑代码规范，易读易理解无过度封装，方便二次开发。
-
Github 地址：
https://github.com/chansee97/nova-admin -
在线预览地址：
https://nova-admin-site.netlify.app/
tsx-naive-admin
基于 Vue 3 + Naive UI + TSX + Vite 的后台管理基本模板
-
Github 地址：
https://github.com/WalkAlone0325/tsx-naive-admin -
在线预览地址：
https://tsx-naive-admin.netlify.app/home
zce/fearless
一个基于 Vue.js 3.x & TypeScript & Vite 的管理平台脚手架，包含基本的身份认证和鉴权，我愿称之为最简洁的模版，上手没有任何心智负担。
-
Github 地址：
https://github.com/zce/fearless -
在线预览地址：
https://fearless.zce.me/
写在最后
公众号：前端开发爱好者专注分享web前端相关技术文章、视频教程资源、热点资讯等，如果喜欢我的分享，给 🐟🐟 点一个赞👍 或者 ➕关注都是对我最大的支持。
欢迎长按图片加好友，我会第一时间和你分享前端行业趋势，面试资源，学习途径等等。
添加好友备注【进阶学习】拉你进技术交流群
关注公众号后，在首页：
- 回复 面试题，获取最新大厂面试资料。
- 回复 简历，获取 3200 套 简历模板。
- 回复 React 实战，获取 React 最新实战教程。
- 回复 Vue 实战，获取 Vue 最新实战教程。
- 回复 ts，获取 TypeScript 精讲课程。
- 回复 vite，获取 Vite 精讲课程。
- 回复 uniapp，获取 uniapp 精讲课程。
- 回复 js 书籍，获取 js 进阶 必看书籍。
- 回复 Node，获取 Nodejs+koa2 实战教程。
- 回复 数据结构算法，获取数据结构算法教程。
- 回复 架构师，获取 架构师学习资源教程。
- 更多教程资源应有尽有，欢迎 关注获取。
