English | 简体中文

Ant Design Pro

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

• 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

Translation Recruitment 📢

We need your help: ant-design#120

Features

• 💎 Neat Design: Follow Ant Design specification
• 📐 Common Templates: Typical templates for enterprise applications
• 🚀 State of The Art Development: Newest development stack of React/dva/antd
• 📱 Responsive: Designed for varies of screen size
• 🎨 Theming: Customizable theme with simple config
• 🌐 International: Built-in i18n solution
• ⚙️ Best Practice: Solid workflow make your code health
• 🔢 Mock development: Easy to use mock development solution
• ✅ UI Test: Fly safely with unit test and e2e test

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
- Result
  - Success
  - Failed
- Exception
  - 403
  - 404
  - 500
- User
  - Login
  - Register
  - Register Result

Usage

$ git clone https://github.com/ant-design/ant-design-pro.git --depth=1
$ cd ant-design-pro
$ npm install
$ npm start         # visit http://localhost:8000

Or you can use the command tool: ant-design-pro-cli

$ npm install ant-design-pro-cli -g
$ mkdir pro-demo && cd pro-demo
$ pro new

More instruction at documentation.

Compatibility

Modern browsers and IE11.

Contributing

Any Contribution of following ways will be welcome:

• Use Ant Design Pro in your daily work.
• Submit issue to report bug or ask questions.
• Propose pull request to improve our code.