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

32,666 stars · 8,833 forks · Vue · MIT

## Links

- GitHub: https://github.com/vbenjs/vue-vben-admin
- Homepage: https://www.vben.pro
- awesome-repositories: https://awesome-repositories.com/repository/vbenjs-vue-vben-admin.md

## Topics

`admin-template` `ant-design` `element-plus` `monorepo` `naive-ui` `shadcn-ui` `tsx` `typescript` `vben` `vite` `vite-template` `vue-router` `vue3` `vuex`

## Description

This project is a comprehensive administrative dashboard framework built for the Vue ecosystem. It serves as a modular starter kit designed to accelerate the development of large-scale, enterprise-grade web applications by providing a pre-configured foundation of reusable components and standardized layout patterns.

The framework distinguishes itself through a configuration-driven approach to interface development, allowing developers to generate complex forms and tables from schema definitions rather than manual coding. It integrates dynamic route generation and role-based access control, ensuring that navigation and functionality are restricted based on individual user permissions.

The architecture supports scalable frontend development through centralized state management and a modular component library. It also includes built-in capabilities for internationalization and reactive theme injection, enabling developers to localize content and apply custom visual styling across the entire application interface.

## Tags

### System Administration & Monitoring

- [Administrative Dashboards](https://awesome-repositories.com/f/system-administration-monitoring/administrative-dashboards.md) — Acts as a comprehensive framework for building enterprise-grade administrative dashboards in the Vue ecosystem.
- [Configuration Dashboards](https://awesome-repositories.com/f/system-administration-monitoring/configuration-dashboards.md) — Provides a pre-configured foundation for building professional, data-driven administrative dashboards. ([source](https://doc.vben.pro/))

### User Interface & Experience

- [Vue UI Libraries](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/ecosystem-specific-libraries/vue-ui-libraries.md) — Provides a collection of reusable UI elements specifically designed for the Vue ecosystem.
- [Theme Style Customizations](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/component-styling-tools/component-styling/theme-style-customizations.md) — Allows overriding default design tokens and theme variables to match specific branding requirements. ([source](https://cdn.jsdelivr.net/gh/vbenjs/vue-vben-admin@main/README.md))

### Business & Productivity Software

- [Administrative Dashboards](https://awesome-repositories.com/f/business-productivity-software/administrative-dashboards.md) — Facilitates the development of complex administrative interfaces for business applications.

### Security & Cryptography

- [Role-Based Access Control](https://awesome-repositories.com/f/security-cryptography/role-based-access-control.md) — Enforces security by dynamically restricting navigation and functionality based on assigned user roles. ([source](https://cdn.jsdelivr.net/gh/vbenjs/vue-vben-admin@main/README.md))

### Part of an Awesome List

- [Admin Templates](https://awesome-repositories.com/f/awesome-lists/devtools/admin-templates.md) — Modern admin dashboard based on Vue 3, Vite, and TypeScript.

### Software Engineering & Architecture

- [Schema-Driven Generators](https://awesome-repositories.com/f/software-engineering-architecture/schema-driven-generators.md) — Generates complex forms and tables automatically from JSON-based schema definitions to accelerate interface development.
- [Frontend Architecture Patterns](https://awesome-repositories.com/f/software-engineering-architecture/frontend-architecture-patterns.md) — Applies structural principles for organizing large-scale frontend applications with modular code and standardized state management.

### Web Development

- [Application Starter Kits](https://awesome-repositories.com/f/web-development/application-starter-kits.md) — Serves as a modular starter kit for large-scale enterprise web applications.
- [Dynamic Routing](https://awesome-repositories.com/f/web-development/dynamic-routing.md) — Enables runtime route construction based on user permissions and central configuration objects.
- [Internationalization & Localization](https://awesome-repositories.com/f/web-development/internationalization-localization.md) — Provides tools and frameworks for adapting web applications to support multiple languages and regional settings.
- [Reactive Stores](https://awesome-repositories.com/f/web-development/frontend-development-tools/state-data-management/reactive-stores.md) — Provides a centralized reactive store for managing application data and global UI settings across components.
- [Multi-Language Content Delivery](https://awesome-repositories.com/f/web-development/internationalization-localization/translation-management-platforms/site-localization/multi-language-content-delivery.md) — Supports multi-language content delivery by adjusting interface text based on user regional settings. ([source](https://cdn.jsdelivr.net/gh/vbenjs/vue-vben-admin@main/README.md))