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

为了解决这个问题,今天我为大家分享 8 个基于 Vue3 + Vite + TypeScript + Naive UI 的开箱即用的 中后台 模板,帮助大家提高开发效率,轻松享受摸鱼时光!

# Naive UI Admin

图片

Naive Ui Admin 是一款基于 Vue3Vite3TypeScript 的先进中后台解决方案,集成了前沿的前端技术栈和典型业务模型。它拥有 二次封装组件动态菜单权限校验粒子化权限控制 等核心功能,旨在帮助企业快速构建高质量的中后台项目。

  • Github 地址:https://github.com/jekip/naive-ui-admin
  • 在线预览地址:https://naive-ui-admin.vercel.app/dashboard/console

# Celeris Web

图片

一个基于 Vue3Vite 的免费开源前端框架,具有 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 , NaiveUIUnoCSS

  • 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,采用 Vite4Vue3TypeScriptJavaScript 构建,支持多种写法和调用,完整的框架体系,响应式中后台管理系统

  • Github 地址:https://github.com/hangjob/vue-bag-admin
  • 在线预览地址:https://vite.itnavs.com/admin/#/home

# Nova admin

图片

一个基于 Vue3Vite5TypescriptNaive 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/