explaingit

jekip/naive-ui-admin

★ 5,856VueAudience · developerComplexity · 2/5LicenseSetup · easy

TLDR

A free, commercially licensed Vue 3 admin dashboard template with built-in auth, role-based permissions, dynamic menus, and Naive UI components, designed to skip boilerplate when building enterprise back-office web apps.

Mindmap

mindmap
  root((naive-ui-admin))
    Auth and Permissions
      Three auth modes
      Role based access
      Dynamic menus
    Tech Stack
      Vue 3
      TypeScript
      Naive UI
      Vite
    UI Features
      Responsive theme
      Multiple color schemes
      Pre-built layouts
    Getting Started
      Clone repo
      Install via pnpm
      Replace mock data
    Paid Editions
      Naive UI Plus
      Naive UI Max
      Java PHP backend
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Bootstrap an enterprise admin panel or back-office management system without building auth and permissions from scratch.

USE CASE 2

Build internal tools with dynamic, server-driven menus and role-based access control using Vue 3.

USE CASE 3

Use as a front-end starter kit for SaaS dashboards, upgrading to a paid edition if a matching Java or PHP back-end is needed.

USE CASE 4

Rapidly prototype admin UIs with pre-built Naive UI components and multiple theme color schemes.

Tech stack

Vue 3TypeScriptNaive UIVitepnpm

Getting it running

Difficulty · easy Time to first run · 30min

Clone repo, run `pnpm install` then `pnpm dev`. Demo login: admin / 123456. README and docs are primarily in Chinese.

Free for commercial use. Open source on GitHub. Paid Plus and Max editions available with back-end and multi-tenant SaaS features.

In plain English

Naive UI Admin is a free, commercially licensed admin dashboard template for building internal management panels and back-office web applications. It is built with Vue 3, TypeScript, and Naive UI (a Chinese-developed component library), and uses Vite as its build tool. The README and documentation are primarily in Chinese. The template ships with a working permission and authentication system that supports three different authorization modes, making it possible to control who can see which menus, buttons, or data depending on their role. Menus are dynamic, meaning they can be configured and loaded from a server rather than hardcoded in the front-end code. The theme is responsive and supports multiple color schemes out of the box. The project is organized as a starting point for enterprise admin software. Developers clone it, install dependencies with pnpm, run the local development server, and start replacing the placeholder pages and mock data with their own business logic. The goal is to skip the boilerplate phase of building a permissions system and dashboard layout from scratch. Beyond the open-source free version, the maintainer offers commercial paid versions called Naive UI Plus and Naive UI Max, which bundle a matching back-end (built in Java or PHP), multi-tenant SaaS support, and more pre-built page templates. These paid editions are marketed at teams that need a complete front-end and back-end starter kit rather than just the front-end template. The free version is available on GitHub under a license that allows commercial use. A live demo of the free version is accessible at the URL mentioned in the README, with a default login of admin and password 123456.

Copy-paste prompts

Prompt 1
I'm using naive-ui-admin (Vue 3 + Naive UI + Vite). How do I add a new protected page that only users with the 'admin' role can see, using the existing permission system?
Prompt 2
In naive-ui-admin, how do I replace the mock API responses with real back-end calls and configure the dynamic menu to load from my server?
Prompt 3
I cloned naive-ui-admin and want to add a new data table page with search filters and pagination using Naive UI components. Walk me through the steps.
Prompt 4
How do I customize the theme color scheme in naive-ui-admin and add a dark mode toggle that persists across sessions?
Prompt 5
Explain how the three authorization modes in naive-ui-admin differ and help me choose the right one for a multi-role SaaS app.
Open on GitHub → Explain another repo

← jekip on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.