Repolode
Submit
zclzone

zclzone/vue-naive-admin

A lightweight Vue 3 admin dashboard template built with Vite, Pinia, UnoCSS and Naive UI, with an optional NestJS backend.

View on GitHubWebsite
Stars
3,984
Forks
588
Open issues
1
Last commit
2 months ago

What is it?

Vue Naive Admin is a minimal admin dashboard template for building back-office systems. The frontend uses Vite, Vue 3, Pinia and UnoCSS with Naive UI components, and is written in plain JavaScript rather than TypeScript to keep the learning curve low.

Routes are generated dynamically from permissions, so 403 and 404 pages can be told apart and new pages do not need separate route definitions. Login sessions support silent token refresh backed by Redis, and the template ships reusable wrappers such as a Page component, a CRUD table and a Modal.

A matching full-stack backend built on NestJS, TypeORM and MySQL is available as a separate repository, providing JWT authentication, RBAC and the basic endpoints the template needs. Other community backends in Java and Go are also listed as compatible.

Key features

  • 01Built on Vue 3, Vite, Pinia and UnoCSS with Naive UI components.
  • 02Routes are generated from user permissions, with separate 403 and 404 pages.
  • 03Pinia state management with persistence.
  • 04Silent token refresh backed by Redis.
  • 05Reusable Page, CRUD table and Modal components.
  • 06Optional NestJS + TypeORM + MySQL backend with JWT and RBAC.

Use cases

  • Starting an internal back-office or admin console for a small business.
  • Learning how a Vue 3 admin project is structured with permission-based routing.
  • Building a school project or personal management dashboard on a ready-made template.

Quick start

  1. 1

    Clone the template with degit (no git history)

    npx degit zclzone/vue-naive-admin
  2. 2

    Or create your own GitHub repository from this template

Things to know

  • Documentation and the README are primarily in Chinese.
  • The optional NestJS backend requires MySQL, and its token refresh feature uses Redis.

In collections

Dashboards & business intelligence tools

Topics

#vue3#admin-template#vite#naive-ui#pinia#unocss#typescript#dashboard#admin#javascript

FAQ

What is vue-naive-admin?
A lightweight Vue 3 admin dashboard template built with Vite, Pinia, UnoCSS and Naive UI, with an optional NestJS backend. Vue Naive Admin is a minimal admin dashboard template for building back-office systems. The frontend uses Vite, Vue 3, Pinia and UnoCSS with Naive UI components, and is written in plain JavaScript rather than TypeScript to keep the learning curve low.
Is vue-naive-admin free to use? What license does it have?
vue-naive-admin is open source under the MIT license. Check the license terms before using it in commercial products.
Is vue-naive-admin still maintained?
Updated within 6 months. The last commit to vue-naive-admin was on Aug 29, 2026.
What can I use vue-naive-admin for?
Starting an internal back-office or admin console for a small business. Learning how a Vue 3 admin project is structured with permission-based routing. Building a school project or personal management dashboard on a ready-made template.
How do I install vue-naive-admin?
Clone the template with degit (no git history): npx degit zclzone/vue-naive-admin Or create your own GitHub repository from this template
Where can I get vue-naive-admin?
The source code and installation instructions are on GitHub: https://github.com/zclzone/vue-naive-admin

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects