README - Ant Design Pro

<h1 align="center">Ant Design Pro</h1> <div align="center">

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

Language: 🇺🇸 | 🇨🇳

</div>

Preview: https://preview.pro.ant.design
Documentation: docs/cheatsheet.en-US.md
ChangeLog: https://github.com/ant-design/ant-design-pro/releases
FAQ: docs/cheatsheet.en-US.md#faq

Features

:bulb: TypeScript: A language for application-scale JavaScript
:scroll: Blocks: Build page with block template
:gem: Neat Design: Built on Ant Design 6 specification
:triangular_ruler: Common Templates: Typical templates for enterprise applications
:rocket: State of The Art Development: Newest development stack of React 19/umi/antd 6/utoo
:iphone: Responsive: Designed for variable screen sizes
:art: Theming: Customizable theme with 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
: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

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.

</br>Edge	</br>Firefox	</br>Chrome	</br>Safari	</br>Opera
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.