# ant-design/ant-design-pro

**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/ant-design-ant-design-pro).**

38,401 stars · 8,247 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/ant-design/ant-design-pro
- Homepage: https://pro.ant.design
- awesome-repositories: https://awesome-repositories.com/repository/ant-design-ant-design-pro.md

## Topics

`admin` `ant-design` `antd` `antv` `boilerplate` `dashboard` `enterprise` `react` `umi`

## Description

Ant Design Pro is a comprehensive starter kit and administrative framework for building enterprise-level admin dashboards and professional user interfaces. It provides a structured project foundation and a set of React admin templates, including pre-defined layout blocks and routing configurations.

The framework distinguishes itself by providing a built-in frontend mocking environment and mock-service middleware to simulate backend API responses during development. It also features integrated conversational AI components and assistant pages for embedding intelligent interactions directly into the application.

The project covers a broad range of enterprise capabilities, including role-based access control for permission management, a locale-based translation system for internationalization, and a lightweight model-based state management system. Visual customization is handled through a token-based theme system and responsive layout design tools.

Development is supported by automation tools for framework upgrades, component usage auditing, and a scaffolding system for generating dashboards from pre-configured templates.

## Tags

### User Interface & Experience

- [Admin Dashboards](https://awesome-repositories.com/f/user-interface-experience/admin-dashboards.md) — Provides a comprehensive framework and set of templates for building professional enterprise administrative dashboards.
- [File-Based Routing Systems](https://awesome-repositories.com/f/user-interface-experience/file-based-routing-systems.md) — Features a system that maps directory structures and centralized configurations to application routes and views.
- [Dashboard Layouts](https://awesome-repositories.com/f/user-interface-experience/dashboard-layouts.md) — Includes tools for defining visual structures, including navigation themes, sidebar modes, and branding elements. ([source](https://github.com/ant-design/ant-design-pro/blob/master/docs/cheatsheet.en-US.md))
- [Design Token Systems](https://awesome-repositories.com/f/user-interface-experience/design-token-systems.md) — Features a framework for managing design properties through hierarchical tokens to enable consistent styling and branding.
- [Responsive Layouts](https://awesome-repositories.com/f/user-interface-experience/responsive-layouts.md) — Features an adaptive layout system that adjusts visual elements to fit various device dimensions and screen sizes. ([source](https://github.com/ant-design/ant-design-pro/blob/master/README.zh-CN.md))
- [Dynamic Styling Systems](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/component-styling-tools/component-styling/dynamic-styling-systems.md) — Implements a styling architecture that combines theme tokens, CSS Modules, and utility-first CSS. ([source](https://github.com/ant-design/ant-design-pro/blob/master/docs/cheatsheet.en-US.md))
- [Visual Theme Configurations](https://awesome-repositories.com/f/user-interface-experience/visual-theme-configurations.md) — Uses a token-based theme system and utility classes to customize application branding and visual aesthetics. ([source](https://github.com/ant-design/ant-design-pro/blob/master/README.zh-CN.md))

### Web Development

- [Admin Panel Frameworks](https://awesome-repositories.com/f/web-development/admin-panel-frameworks.md) — Acts as a comprehensive starter kit and framework for building production-ready enterprise administrative interfaces.
- [API Mocking Servers](https://awesome-repositories.com/f/web-development/api-mocking-servers.md) — Includes a mock-service middleware that intercepts API requests to return simulated server responses during development.
- [Routing Configurations](https://awesome-repositories.com/f/web-development/routing-configurations.md) — Implements a declarative system for defining navigation paths and redirect rules in a centralized configuration. ([source](https://github.com/ant-design/ant-design-pro/blob/master/docs/cheatsheet.en-US.md))
- [State Management Models](https://awesome-repositories.com/f/web-development/state-management-models.md) — Implements a lightweight model-based system for defining and structuring global application state shared via hooks.

### Part of an Awesome List

- [Admin Templates](https://awesome-repositories.com/f/awesome-lists/devtools/admin-templates.md) — Offers a set of pre-defined page templates, layout blocks, and routing configurations for React admin dashboards.
- [UI Component Libraries](https://awesome-repositories.com/f/awesome-lists/devtools/ui-component-libraries.md) — Enterprise-ready UI components for professional dashboards.

### Content Management & Publishing

- [Interface Translation Systems](https://awesome-repositories.com/f/content-management-publishing/interface-translation-systems.md) — Provides a translation system for configuring the language of static interface components using locale-based message keys.

### Data & Databases

- [Frontend State Management](https://awesome-repositories.com/f/data-databases/frontend-state-management.md) — Provides a centralized model system for sharing application data and tracking user sessions across React components.

### Development Tools & Productivity

- [Frontend API Mocking](https://awesome-repositories.com/f/development-tools-productivity/frontend-api-mocking.md) — Includes a built-in mocking environment and mock-service middleware to simulate backend responses without a live server.
- [Internationalization Support](https://awesome-repositories.com/f/development-tools-productivity/internationalization-support.md) — Implements multi-language support and locale-based translations to make enterprise applications accessible to global users.
- [Project Boilerplates](https://awesome-repositories.com/f/development-tools-productivity/project-boilerplates.md) — Provides a structured project foundation with pre-configured internationalization, permissions, and global state management.
- [Project Scaffolding Templates](https://awesome-repositories.com/f/development-tools-productivity/project-scaffolding-templates.md) — Provides a starter kit for generating enterprise dashboards using standardized layout blocks and page templates.
- [Dashboard Generators](https://awesome-repositories.com/f/development-tools-productivity/dashboard-generators.md) — Provides a scaffolding system and templates to generate professional admin dashboards and layout blocks. ([source](https://github.com/ant-design/ant-design-pro/blob/master/package.json))

### Software Engineering & Architecture

- [Global State Managers](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/architectural-patterns/reactive-messaging/reactive-event-driven-systems/global-state-managers.md) — Provides a lightweight model-based system to synchronize and share global state across the application. ([source](https://github.com/ant-design/ant-design-pro/blob/master/docs/cheatsheet.en-US.md))
- [Page Resource Co-location Patterns](https://awesome-repositories.com/f/software-engineering-architecture/page-resource-co-location-patterns.md) — Implements a directory structure that groups logic, data definitions, styles, and mock services for better maintainability. ([source](https://github.com/ant-design/ant-design-pro/blob/master/CLAUDE.md))
- [Resource Co-location Patterns](https://awesome-repositories.com/f/software-engineering-architecture/resource-co-location-patterns.md) — Groups logic, data definitions, styles, and mock services within single directories to improve project maintainability.

### Testing & Quality Assurance

- [API Mocking](https://awesome-repositories.com/f/testing-quality-assurance/api-network-testing/api-mocking.md) — Ships built-in tools to simulate API responses, allowing frontend development to proceed without a live backend connection. ([source](https://github.com/ant-design/ant-design-pro#readme))

### Artificial Intelligence & ML

- [AI Chat Interfaces](https://awesome-repositories.com/f/artificial-intelligence-ml/ai-chat-interfaces.md) — Provides conversational interfaces that allow direct interaction with application components and data via pre-built assistant pages. ([source](https://github.com/ant-design/ant-design-pro/blob/master/README.zh-CN.md))

### Security & Cryptography

- [Role-Based Access Control](https://awesome-repositories.com/f/security-cryptography/role-based-access-control.md) — Gates route visibility and user actions by validating credentials and permissions during application startup. ([source](https://github.com/ant-design/ant-design-pro/blob/master/CLAUDE.md))