Pro Design Admin

English | 中文

Introduction

Pro Design Admin is a free and open source middle and back-end template. Using the latest vue3, vite, TypeScript and other mainstream technology development, the out-of-the-box middle and back-end front-end solutions can also be used for learning reference.

Features

• Latest Technology Stack: Developed with cutting-edge front-end technologies like Vue 3 and Vite
• TypeScript: A language for application-scale JavaScript
• Themes: Multiple theme colors available with customizable options
• Internationalization: Comprehensive built-in internationalization support
• Permissions: Built-in solution for dynamic route-based permission generation
• MicroFrontends: Built-in micro-frontend solution

Preview

• Pro Design Admin - Full version Chinese site

Documentation

Document

Install and Use

1. Get the project code

git clone https://github.com/pro-design-vue/pro-design-admin.git

2. Install dependencies

cd pro-design-admin
pnpm install

3. Run

pnpm dev

4. Build

pnpm build

Git Contribution Submission Specification

Reference vue specification (Angular)

• feat Add new features
• fix Fix the problem/BUG
• style The code style is related and does not affect the running result
• perf Optimization/performance improvement
• refactor Refactor
• revert Undo edit
• test Test related
• docs Documentation/notes
• chore Dependency update/scaffolding configuration modification etc.
• ci Continuous integration
• types Type definition file changes

Browser Support

The Chrome 80+ browser is recommended for local development

Support modern browsers, not IE

Edge	Firefox	Chrome	Safari
last 2 versions	last 2 versions	last 2 versions	last 2 versions

Maintainer

@Shen

License

MIT © Shene-2025