# pure-admin/vue-pure-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/pure-admin-vue-pure-admin).**

20,368 stars · 3,757 forks · Vue · MIT

## Links

- GitHub: https://github.com/pure-admin/vue-pure-admin
- Homepage: https://pure-admin.github.io/vue-pure-admin
- awesome-repositories: https://awesome-repositories.com/repository/pure-admin-vue-pure-admin.md

## Topics

`admin` `element-plus` `esm` `pinia` `tailwindcss` `typescript` `vite` `vue3`

## Description

vue-pure-admin is a comprehensive Vue 3 admin dashboard template and TypeScript boilerplate designed for building enterprise web applications. It provides a Vite-based frontend scaffold that incorporates a role-based access control system and a micro-frontend architecture for dividing large administrative applications into smaller, independently deployable units.

The project features an advanced permission management framework that handles route protection, menu access filtering, and component-level visibility control. It includes specialized support for multi-tenant system administration, allowing for isolation and control across multiple separate client organizations within a single instance.

The framework covers a broad range of capabilities, including internationalization for localized interfaces, dynamic route transformation for backend-driven menus, and a variety of UI components such as type-safe data tables and programmatic dialogs. It also provides build optimization tools for asset compression and CDN module externalization, alongside identity verification mechanisms like JWT token refreshing and single sign-on integration.

Development is supported through an interactive project bootstrapping CLI and automated package release workflows.

## Tags

### Web Development

- [Admin Dashboard Frameworks](https://awesome-repositories.com/f/web-development/admin-dashboard-frameworks.md) — Provides a comprehensive framework for building backend management interfaces with pre-configured layouts and tools using Vue 3.
- [Frontend Admin Boilerplates](https://awesome-repositories.com/f/web-development/frontend-admin-boilerplates.md) — Provides a type-safe foundation for administrative interfaces incorporating security, routing, and internationalization.
- [Micro-Frontend Libraries](https://awesome-repositories.com/f/web-development/micro-frontend-libraries.md) — Provides the architectural support to divide the application into smaller, independently deployable units. ([source](https://pure-admin.cn/pages/introduction/))
- [Type-Safe Frontend Integrations](https://awesome-repositories.com/f/web-development/typescript/type-safe-frontend-integrations.md) — Implements typed HTTP clients and proxy configurations to ensure data consistency between the frontend and backend APIs.
- [Route Tree Transformations](https://awesome-repositories.com/f/web-development/dynamic-routing/route-tree-transformations.md) — Converts flat menu lists from a backend API into the nested tree structure required for frontend routing. ([source](https://pure-admin.cn/pages/service/))
- [User Interface Localization](https://awesome-repositories.com/f/web-development/internationalization-localization/core-localization-frameworks/user-interface-localization.md) — Implements a system for translating user interface text via configuration files and integrated component library support. ([source](https://pure-admin.cn/pages/i18n/))
- [Micro-Frontend Frameworks](https://awesome-repositories.com/f/web-development/single-page-applications/micro-frontend-frameworks.md) — Supports a micro-frontend architecture to divide large administrative applications into smaller, independently deployable units.

### Part of an Awesome List

- [Micro Frontends](https://awesome-repositories.com/f/awesome-lists/devops/micro-frontends.md) — Divides the application into smaller independently deployable units to improve scalability and development speed.
- [Data Tables and Grids](https://awesome-repositories.com/f/awesome-lists/data/data-tables-and-grids.md) — Provides configurable, type-safe data grids for displaying and exploring tabular information. ([source](https://pure-admin.cn/pages/components/))

### Development Tools & Productivity

- [Application Scaffolding](https://awesome-repositories.com/f/development-tools-productivity/application-scaffolding.md) — Provides a pre-configured directory structure and boilerplate for initializing scalable, type-safe enterprise web applications.
- [Vite Build Pipelines](https://awesome-repositories.com/f/development-tools-productivity/vite-build-pipelines.md) — Leverages Vite for fast development build pipelines and optimized production bundling.
- [Static Asset Compressions](https://awesome-repositories.com/f/development-tools-productivity/build-tooling/asset-file-management/asset-processing-pipelines/asset-optimization/compressed-asset-delivery/static-asset-compressions.md) — Uses gzip or brotli compression to reduce the total size of production assets and accelerate page loading. ([source](https://pure-admin.cn/pages/build/))
- [Bundle Size Optimization](https://awesome-repositories.com/f/development-tools-productivity/bundle-size-optimization.md) — Streamlines core features and applies compression to reduce the overall application footprint. ([source](https://cdn.jsdelivr.net/gh/pure-admin/vue-pure-admin@main/README.md))
- [CDN Module Externalizations](https://awesome-repositories.com/f/development-tools-productivity/dependency-bundling/bundle-external-exclusions/cdn-module-externalizations.md) — Allows replacing local dependency bundles with external CDN links during build time to reduce bundle size and load times.

### Security & Cryptography

- [Multi-Tenant Administration](https://awesome-repositories.com/f/security-cryptography/multi-tenant-administration.md) — Implements isolation and administrative control for multiple separate client organizations within a single instance. ([source](https://pure-admin.cn/pages/service/))
- [Role-Based Access Control](https://awesome-repositories.com/f/security-cryptography/role-based-access-control.md) — Ships a permission management framework to restrict page and component access based on assigned user roles.
- [Route-Level Access Guards](https://awesome-repositories.com/f/security-cryptography/role-based-access-control/route-level-access-guards.md) — Implements higher-order guards that intercept route transitions and redirect unauthorized users. ([source](https://pure-admin.cn/pages/RBAC/))
- [Session-Cookie Persistences](https://awesome-repositories.com/f/security-cryptography/session-cookie-handlers/session-cookie-persistences.md) — Maintains user authentication state across browser restarts by storing secure tokens in cookies with configurable expiration.
- [Session Token Refreshers](https://awesome-repositories.com/f/security-cryptography/session-token-refreshers.md) — Detects expired authentication tokens and automatically requests new ones before resuming queued API calls.
- [Permission-Based Access Control](https://awesome-repositories.com/f/security-cryptography/permission-based-access-control.md) — Implements a security model where data access is granted based on specific permissions assigned to user roles. ([source](https://pure-admin.cn/pages/RBAC/))
- [Single Sign-On Integrations](https://awesome-repositories.com/f/security-cryptography/single-sign-on-integrations.md) — Implements a process for extracting authentication tokens from URLs and managing the redirect handshake to secure pages. ([source](https://pure-admin.cn/pages/sso/))
- [Menu Access Filtering](https://awesome-repositories.com/f/security-cryptography/user-access-management/user-access-revocation/user-access-filtering/menu-access-filtering.md) — Ships a system that hides unauthorized navigation links from the menu based on user permissions. ([source](https://pure-admin.cn/pages/RBAC/))

### User Interface & Experience

- [Admin Dashboard Templates](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/ecosystem-specific-libraries/vue-ui-libraries/admin-dashboard-templates.md) — Provides a comprehensive, pre-styled administrative interface template built with Vue 3 and Element Plus.
- [API-Driven Menu Routing](https://awesome-repositories.com/f/user-interface-experience/application-menu-systems/api-driven-menu-routing.md) — Converts flat backend API responses into nested tree structures required for frontend routing and menu rendering.
- [Color Theme Managers](https://awesome-repositories.com/f/user-interface-experience/color-theme-managers.md) — Ships a theme manager to switch between built-in color schemes or define custom interface colors. ([source](https://pure-admin.cn/pages/theme/))
- [Detailed Information Displays](https://awesome-repositories.com/f/user-interface-experience/detailed-information-displays.md) — Provides a flexible layout configuration for presenting complex data as a series of labeled descriptions. ([source](https://pure-admin.cn/pages/components/))
- [Permission-Based Visibility Controls](https://awesome-repositories.com/f/user-interface-experience/interface-element-management/workspace-visibility-controls/permission-based-visibility-controls.md) — Provides mechanisms to toggle UI element visibility based on the current user's authorization status. ([source](https://pure-admin.cn/pages/RBAC/))
- [Interface Layout Configurations](https://awesome-repositories.com/f/user-interface-experience/interface-layout-configurations.md) — Provides a system for configuring interface layouts, including side, top, and double-column arrangements. ([source](https://pure-admin.cn/))
- [Internationalization Frameworks](https://awesome-repositories.com/f/user-interface-experience/internationalization-frameworks.md) — Includes a system for implementing multi-language support and translation across the user interface.
- [Modal Dialogs](https://awesome-repositories.com/f/user-interface-experience/modal-dialogs.md) — Implements a programmatic interface for launching modal dialogs without needing template declarations. ([source](https://pure-admin.cn/pages/components/))
- [Navigation Configurations](https://awesome-repositories.com/f/user-interface-experience/navigation-configurations.md) — Provides a system for defining multi-level navigation menu hierarchies via static configuration or dynamic API responses. ([source](https://pure-admin.cn/pages/routerMenu/))
- [Navigation Layout Switchers](https://awesome-repositories.com/f/user-interface-experience/navigation-layout-switchers.md) — Allows switching between various navigation bar layouts, including sidebars and floating action buttons. ([source](https://pure-admin.cn/pages/service/))
- [Dark Mode Strategies](https://awesome-repositories.com/f/user-interface-experience/presentation-frameworks/theme-systems/dark-mode-strategies.md) — Provides a dark mode implementation using specialized CSS files and utility classes for low-light environments. ([source](https://pure-admin.cn/pages/theme/))
- [Utility-Based Interface Construction](https://awesome-repositories.com/f/user-interface-experience/utility-based-interface-construction.md) — Enables the creation of layouts and styles using utility classes and arbitrary value syntax. ([source](https://pure-admin.cn/pages/tailwindcss/))

### DevOps & Infrastructure

- [CDN Distribution Methods](https://awesome-repositories.com/f/devops-infrastructure/deployment-management/deployment-strategies/cdn-distribution-methods/cdn-distribution-methods.md) — Replaces local modules with CDN links during the build process to decrease bundle size and improve load performance. ([source](https://pure-admin.cn/pages/buildgood/))
- [Production Asset Compilation](https://awesome-repositories.com/f/devops-infrastructure/production-asset-compilation.md) — Provides a build process to compile source code into optimized static assets and bundles for production deployment. ([source](https://pure-admin.cn/pages/build/))
- [Release Automation](https://awesome-repositories.com/f/devops-infrastructure/release-automation.md) — Ships automated workflows for updating version numbers, committing changes, and publishing packages to registries. ([source](https://pure-admin.cn/pages/utils/))

### Programming Languages & Runtimes

- [Global Type Augmentations](https://awesome-repositories.com/f/programming-languages-runtimes/programming-language-varieties/programming-languages/type-systems/typescript-declaration-tooling/global-type-augmentations.md) — Uses TypeScript declaration files to provide autocomplete and type checking for global components and third-party libraries.

### Software Engineering & Architecture

- [Project Bootstrapping Tools](https://awesome-repositories.com/f/software-engineering-architecture/project-bootstrapping-tools.md) — Provides an interactive CLI for selecting templates and scaffolding the base directory structure of new projects. ([source](https://pure-admin.cn/pages/start/))