https://github.com/ant-design/ant-design-pro
π¨π»βπ»π©π»βπ» Use Ant Design like a Pro!
https://github.com/ant-design/ant-design-pro
admin ant-design antd antv boilerplate dashboard enterprise react umi
Last synced: 26 days ago
JSON representation
π¨π»βπ»π©π»βπ» Use Ant Design like a Pro!
- Host: GitHub
- URL: https://github.com/ant-design/ant-design-pro
- Owner: ant-design
- License: mit
- Created: 2017-08-25T10:40:44.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2026-05-06T10:13:26.000Z (26 days ago)
- Last Synced: 2026-05-06T10:26:23.117Z (26 days ago)
- Topics: admin, ant-design, antd, antv, boilerplate, dashboard, enterprise, react, umi
- Language: TypeScript
- Homepage: https://pro.ant.design
- Size: 40.6 MB
- Stars: 38,167
- Watchers: 738
- Forks: 8,238
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Agents: AGENTS.md
Awesome Lists containing this project
- best-of-react - GitHub - 0% open Β· β±οΈ 04.06.2024): (Admin Dashboards)
- awesome-react - ant-design-pro - An out-of-box UI solution for enterprise applications as a React boilerplate.  (UI Frameworks / Solution)
- awesome-list - ant-design-pro - design | 29879 | (TypeScript)
- StarryDivineSky - ant-design/ant-design-pro
- my-awesome - ant-design-pro - Use Ant Design like a Pro! (Design/UI)
- awesome-frontend - ant-design/ant-design-pro: Use Ant Design like a Pro!
- awesome - ant-design/ant-design-pro - π¨π»βπ»π©π»βπ» Use Ant Design like a Pro! (TypeScript)
- awesome-react - Ant Design Pro - Out-of-box UI solution for enterprise applications.. (Uncategorized / Uncategorized)
- best-of-react - GitHub - 0% open Β· β±οΈ 04.06.2024): (Admin Dashboards)
- awesome-made-by-chinese - ant-design-pro
- awesome-frontend - ant-design-pro - An out-of-box UI solution for enterprise applications (2. JavaScript ζ‘ζΆζ±ζ»)
- awesome-links - Ant design pro
- awesome-front-end - ant-design-pro - An out-of-box UI solution for enterprise applications (2. JavaScript ζ‘ζΆζ±ζ»)
- awesome - ant-design-pro - π¨π»βπ»π©π»βπ» Use Ant Design like a Pro! (TypeScript)
- awesome-boilerplate - Ant Design Pro - of-box UI solution for enterprise applications as a React boilerplate. | (Javascript)
- awesome-react-cn - ant design pro
- awesome-github-projects - ant-design-pro - π¨π»βπ»π©π»βπ» Use Ant Design like a Pro! β38,230 `TypeScript` π₯ (π Web Development - Frontend)
README
Ant Design Pro
An out-of-box UI solution for enterprise applications as a React boilerplate.
[](https://github.com/ant-design/ant-design-pro/actions/workflows/ci.yml)
[](https://github.com/ant-design/ant-design-pro/releases)
[](https://utoo.land)
[](https://umijs.org/)
[](https://biomejs.dev)
[](https://ant.design/)
Language: πΊπΈ | [π¨π³](./README.zh-CN.md)
- Preview: https://preview.pro.ant.design
- Documentation: [docs/cheatsheet.en-US.md](./docs/cheatsheet.en-US.md)
- ChangeLog: https://github.com/ant-design/ant-design-pro/releases
- FAQ: [docs/cheatsheet.en-US.md#faq](./docs/cheatsheet.en-US.md#faq)
- **v6 Released!** β [What's new in v6](https://github.com/ant-design/ant-design-pro/releases/tag/v6.0.0)
## Features
- :bulb: **TypeScript**: A language for application-scale JavaScript
- :scroll: **Blocks**: Build page with block template
- :gem: **Neat Design**: Built on [Ant Design 6](https://ant.design/) specification
- :triangular_ruler: **Common Templates**: Typical templates for enterprise applications
- :rocket: **State of The Art Development**: Newest development stack of React 19/[Umi Max 4](https://umijs.org/)/[antd 6](https://ant.design/)/[utoopack](https://utoo.land)
- :iphone: **Responsive**: Designed for variable screen sizes
- :art: **Theming**: Customizable theme with [Tailwind CSS v4](https://tailwindcss.com/) + [antd-style](https://github.com/ant-design/antd-style)
- :globe_with_meridians: **International**: Built-in i18n solution
- :gear: **Best Practices**: Solid workflow to make your code healthy
- :1234: **Mock development**: Easy to use mock development solution
- :robot: **AI Assistant**: Built-in AI chatbot page powered by [Ant Design X](https://x.ant.design/)
- :white_check_mark: **UI Test**: Fly safely with unit and e2e tests
## Templates
```
- Welcome
- Dashboard
- Analysis
- Monitor
- Workplace
- Form
- Basic Form
- Step Form
- Advanced Form
- List
- Search List (Articles/Projects/Applications)
- Table List
- Basic List
- Card List
- Profile
- Basic Profile
- Advanced Profile
- Result
- Success
- Fail
- Exception
- 403
- 404
- 500
- Account
- Account Center
- Account Settings
- AI Assistant
- User
- Login
- Register
- Register Result
```
## Usage
### Get Started
Clone or download this repository to your local machine:
```bash
git clone --depth=1 https://github.com/ant-design/ant-design-pro.git myapp
cd myapp
```
### Installation
```bash
npm install
```
### Development
```bash
# Start development server (full version by default)
npm start
```
### Simplify to Simple Version
This project includes all blocks by default. If you need a minimal version, run:
```bash
npm run simple
```
This will:
- Remove extra page directories (dashboard, form, list/*, profile, result, exception, account, etc.)
- Remove extra mock files
- Replace routes with simple version
- Remove extra dependencies from package.json
**Note**: This operation is irreversible and will permanently delete files.
### Build
```bash
npm run build
```
## Browsers support
Modern browsers.
| [
](http://godban.github.io/browsers-support-badges/)Edge | [
](http://godban.github.io/browsers-support-badges/)Firefox | [
](http://godban.github.io/browsers-support-badges/)Chrome | [
](http://godban.github.io/browsers-support-badges/)Safari |
| --- | --- | --- | --- |
| Edge | last 2 versions | last 2 versions | last 2 versions |
## Contributing
Any type of contribution is welcome, here are some examples of how you may contribute to this project:
- Use Ant Design Pro in your daily work.
- Submit [issues](http://github.com/ant-design/ant-design-pro/issues) to report bugs or ask questions.
- Propose [pull requests](http://github.com/ant-design/ant-design-pro/pulls) to improve our code.
