# jekip/naive-ui-admin

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/jekip-naive-ui-admin).**

5,875 stars · 1,070 forks · Vue · MIT

## Links

- GitHub: https://github.com/jekip/naive-ui-admin
- Homepage: https://gratis.naiveadmin.com
- awesome-repositories: https://awesome-repositories.com/repository/jekip-naive-ui-admin.md

## Topics

`naive` `naive-ui` `naive-ui-admin` `naive-ui-pro` `vue3`

## Description

Naive UI Admin is a Vue 3 admin dashboard framework built with TypeScript, Vite, and the Naive UI component library. It provides a pre-built backend management interface with reusable components, dynamic menus, and a component-level permission system that restricts UI elements down to individual components using directive-based checks and role-based access control. The framework enforces compile-time type safety across the entire codebase to reduce runtime errors and improve maintainability.

The project distinguishes itself through a permission system that controls feature and UI element visibility through both directive-based component-level checks and plugin-loaded runtime rule evaluation. It manages global application state and shared logic through Vue 3 composable functions rather than a centralized store, and applies visual customization by injecting CSS custom properties derived from a centralized theme configuration object. The framework also supports multiple authentication modes to restrict page and feature access based on user permissions.

The project covers enterprise admin dashboard development with role-based access control, theme customization, and pre-built page templates for backend management interfaces. It includes continuously updated page templates and interaction patterns to accelerate screen construction, along with built-in configuration options for switching between multiple themes and responsive layouts. The build system leverages Vite's module bundling and hot module replacement for fast development builds and optimized production output.

## Tags

### Web Development

- [Admin Dashboard Frameworks](https://awesome-repositories.com/f/web-development/admin-dashboard-frameworks.md) — Provides a pre-built admin dashboard framework built with Vue 3, Vite, and TypeScript, offering reusable components and dynamic menus.
- [TypeScript-Powered Panels](https://awesome-repositories.com/f/web-development/admin-panel-frameworks/typescript-powered-panels.md) — Enforces compile-time type safety across the entire codebase to reduce runtime errors and improve maintainability.

### Security & Cryptography

- [Role-Based Access Control](https://awesome-repositories.com/f/security-cryptography/role-based-access-control.md) — Implements granular permission systems that restrict features and content based on user roles and authorization levels.
- [UI Component Permission Filters](https://awesome-repositories.com/f/security-cryptography/role-permission-configurators/ui-component-permission-filters.md) — Restricts UI elements down to individual components using directive-based permission checks.
- [Multi-Mode Authentication Systems](https://awesome-repositories.com/f/security-cryptography/user-access-management/access-authentication/multi-mode-authentication-systems.md) — Supports three authentication modes to restrict page and feature access based on user permissions. ([source](https://cdn.jsdelivr.net/gh/jekip/naive-ui-admin@main/README.md))
- [Dynamic Route Generation](https://awesome-repositories.com/f/security-cryptography/domain-access-restrictions/command-restrictions/role-based/dynamic-route-generation.md) — Automatically builds navigation menus and route tables from a declarative permission configuration for scalable admin apps.
- [Plugin Permission Systems](https://awesome-repositories.com/f/security-cryptography/plugin-permission-systems.md) — Controls feature access by loading and evaluating permission rules from configurable plugins at runtime.

### Software Engineering & Architecture

- [Stateful Composables](https://awesome-repositories.com/f/software-engineering-architecture/architectural-design-patterns/state-management/stateful-composables.md) — Manages global application state and shared logic using Vue 3 composable functions instead of a centralized store.
- [Type-Safe Interface Architectures](https://awesome-repositories.com/f/software-engineering-architecture/type-safe-interface-architectures.md) — Enforces compile-time type checking across the entire codebase to reduce runtime errors and improve maintainability.
- [TypeScript Compilation Fixes](https://awesome-repositories.com/f/software-engineering-architecture/typescript-compilation-fixes.md) — Enforces strict type checking across the entire codebase at build time to reduce runtime errors and improve maintainability.
- [Authorization Plugin Loaders](https://awesome-repositories.com/f/software-engineering-architecture/plugin-architectures/programmatic-plugin-loading/authorization-plugin-loaders.md) — Controls feature access by loading and evaluating permission rules from configurable plugins during application initialization.

### User Interface & Experience

- [Permission-Based Visibility Controls](https://awesome-repositories.com/f/user-interface-experience/interface-element-management/workspace-visibility-controls/permission-based-visibility-controls.md) — Restricts UI element visibility by evaluating permission rules attached directly to components through custom Vue directives.
- [Admin Interface Components](https://awesome-repositories.com/f/user-interface-experience/reusable-ui-components/admin-interface-components.md) — Provides a ready-to-use admin interface built on Vue 3, Vite, and Naive UI with dynamic menus and reusable components. ([source](https://cdn.jsdelivr.net/gh/jekip/naive-ui-admin@main/README.md))
- [Theme Token Injections](https://awesome-repositories.com/f/user-interface-experience/styled-properties/css-custom-property-bindings/theme-token-injections.md) — Applies visual customization by injecting CSS custom properties derived from a centralized theme configuration object.
- [CSS Custom Property Injections](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-systems/theme-architecture-frameworks/theme-configuration-systems/css-custom-property-injections.md) — Applies themes by injecting CSS custom properties derived from a centralized configuration object.
- [Enterprise Layout Patterns](https://awesome-repositories.com/f/user-interface-experience/ui-layout-design/enterprise-layout-patterns.md) — Creates production-ready management panels with pre-built page templates and interaction patterns for business applications.
- [Route Declarations](https://awesome-repositories.com/f/user-interface-experience/declarative-component-architectures/route-declarations.md) — Builds navigation menus and route tables automatically from a declarative permission configuration object at runtime.
- [Admin Page Templates](https://awesome-repositories.com/f/user-interface-experience/page-layout-templates/admin-page-templates.md) — Uses continuously updated page templates and interaction patterns to accelerate screen construction. ([source](https://cdn.jsdelivr.net/gh/jekip/naive-ui-admin@main/README.md))
- [Theme Customization](https://awesome-repositories.com/f/user-interface-experience/visual-theme-configurations/visual-themes/theme-customization.md) — Switches between multiple visual themes and responsive layouts to match corporate branding or user preferences.