jekip/naive-ui-admin
Naive Ui Admin
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.
Features
- Admin Dashboard Frameworks - Provides a pre-built admin dashboard framework built with Vue 3, Vite, and TypeScript, offering reusable components and dynamic menus.
- Role-Based Access Control - Implements granular permission systems that restrict features and content based on user roles and authorization levels.
- UI Component Permission Filters - Restricts UI elements down to individual components using directive-based permission checks.
- Multi-Mode Authentication Systems - Supports three authentication modes to restrict page and feature access based on user permissions.
- Stateful Composables - Manages global application state and shared logic using Vue 3 composable functions instead of a centralized store.
- Type-Safe Interface Architectures - Enforces compile-time type checking across the entire codebase to reduce runtime errors and improve maintainability.
- TypeScript Compilation Fixes - Enforces strict type checking across the entire codebase at build time to reduce runtime errors and improve maintainability.
- Permission-Based Visibility Controls - Restricts UI element visibility by evaluating permission rules attached directly to components through custom Vue directives.
- Admin Interface Components - Provides a ready-to-use admin interface built on Vue 3, Vite, and Naive UI with dynamic menus and reusable components.
- Theme Token Injections - Applies visual customization by injecting CSS custom properties derived from a centralized theme configuration object.
- CSS Custom Property Injections - Applies themes by injecting CSS custom properties derived from a centralized configuration object.
- Enterprise Layout Patterns - Creates production-ready management panels with pre-built page templates and interaction patterns for business applications.
- TypeScript-Powered Panels - Enforces compile-time type safety across the entire codebase to reduce runtime errors and improve maintainability.
- Dynamic Route Generation - Automatically builds navigation menus and route tables from a declarative permission configuration for scalable admin apps.
- Plugin Permission Systems - Controls feature access by loading and evaluating permission rules from configurable plugins at runtime.
- Authorization Plugin Loaders - Controls feature access by loading and evaluating permission rules from configurable plugins during application initialization.
- Route Declarations - Builds navigation menus and route tables automatically from a declarative permission configuration object at runtime.
- Admin Page Templates - Uses continuously updated page templates and interaction patterns to accelerate screen construction.
- Theme Customization - Switches between multiple visual themes and responsive layouts to match corporate branding or user preferences.
Star history
How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.
