README

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

Language: 🇺🇸 | 🇨🇳

• 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
• v6 Released! — What's new in v6

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 Max 4/antd 6/utoopack
• :iphone: Responsive: Designed for variable screen sizes
• :art: Theming: Customizable theme with Tailwind CSS v4 + 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
• :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:

git clone --depth=1 https://github.com/ant-design/ant-design-pro.git myapp
cd myapp

Installation

npm install

Development

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

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

npm run build

Browsers support

Modern browsers.

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.