Language : ?? | ?? | ?? | ?? | ?? | ?? | ?? | ??

Ant Design Pro

An out-of-box UI solution for enterprise applications as a React boilerplate.

[](https://dev.azure.com/ant-design/ant-design-pro/_build/latest?definitionId=1?branchName=master)   [](https://david-dm.org/ant-design/ant-design-pro) [](https://david-dm.org/ant-design/ant-design-pro?type=dev)

[](https://gitter.im/ant-design/pro-english?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) [](https://gitter.im/ant-design/ant-design-pro?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) [](http://umijs.org/) 


• Preview: http://preview.pro.ant.design


• Home Page: http://pro.ant.design


• Documentation: http://pro.ant.design/docs/getting-started


• ChangeLog: http://pro.ant.design/docs/changelog


• FAQ: http://pro.ant.design/docs/faq


• Mirror Site in China: http://ant-design-pro.gitee.io

5.0 is out! ???

Ant Design Pro 5.0.0

Translation Recruitment :loudspeaker:

We need your help: https://github.com/ant-design/ant-design-pro/issues/120

Features

• :bulb: TypeScript: A language for application-scale JavaScript


• :scroll: Blocks: Build page with block template


• :gem: Neat Design: Follow Ant Design specification


• :triangular_ruler: Common Templates: Typical templates for enterprise applications


• :rocket: State of The Art Development: Newest development stack of React/umi/dva/antd


• :iphone: Responsive: Designed for variable screen sizes


• :art: Theming: Customizable theme with simple config


• :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


• :white_check_mark: UI Test: Fly safely with unit and e2e tests

Templates

- Dashboard
- Analytic
- Monitor
- Workspace
- Form
- Basic Form
- Step Form
- Advanced From
- List
- Standard Table
- Standard List
- Card List
- Search List (Project/Applications/Article)
- Profile
- Simple Profile
- Advanced Profile
- Account
- Account Center
- Account Settings
- Result
- Success
- Failed
- Exception
- 403
- 404
- 500
- User
- Login
- Register
- Register Result

Usage
Use bash

```bash
$ mkdir
$ cd
$ yarn create umi # or npm create umi

Choose ant-design-pro:

Select the boilerplate type (Use arrow keys)
❯ ant-design-pro - Create project with an layout-only ant-design-pro boilerplate, use together with umi block.
app - Create project with a simple boilerplate, support typescript.
block - Create a umi block.
library - Create a library with umi.
plugin - Create a umi plugin.

$ git init
$ npm install
$ npm start # visit http://localhost:8000
```

Use Gitpod

Open the project in Gitpod (free online dev environment for GitHub) and start coding immediately.

More instructions at documentation.

Browsers support

Modern browsers and IE11.

| IE / Edge | Firefox | Chrome | Safari | Opera |
| --- | --- | --- | --- | --- |
| IE11, Edge | last 2 versions | 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 to report bugs or ask questions.


• Propose pull requests to improve our code.