作为一名前端切图仔，在日常工作中，我们不可避免地需要开发各种管理系统。每次启动新项目并搭建框架都费时费力，这严重影响了我们的摸鱼时间。

为了解决这个问题，今天我为大家分享 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/