ant-design-pro

An enterprise-class UI design language and React-based implementation


Keywords
admin, ant-design, antd, antv, boilerplate, dashboard, enterprise, react, umi
License
MIT
Install
npm install ant-design-pro@2.3.2

Documentation

Language : ๐Ÿ‡บ๐Ÿ‡ธ | ๐Ÿ‡จ๐Ÿ‡ณ | ๐Ÿ‡ท๐Ÿ‡บ | ๐Ÿ‡น๐Ÿ‡ท | ๐Ÿ‡ฏ๐Ÿ‡ต | ๐Ÿ‡ซ๐Ÿ‡ท | ๐Ÿ‡ต๐Ÿ‡น | ๐Ÿ‡ธ๐Ÿ‡ฆ | ๐Ÿ‡ช๐Ÿ‡ธ

Ant Design Pro

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

Build Status Github Action Preview Deploy

Gitter Join the chat at https://gitter.im/ant-design/ant-design-pro Build With Umi

5.0 is out! ๐ŸŽ‰๐ŸŽ‰๐ŸŽ‰

Ant Design Pro 5.0.0

Translation Recruitment ๐Ÿ“ข

We need your help: #120

Features

  • ๐Ÿ’ก TypeScript: A language for application-scale JavaScript
  • ๐Ÿ“œ Blocks: Build page with block template
  • ๐Ÿ’Ž Neat Design: Follow Ant Design specification
  • ๐Ÿ“ Common Templates: Typical templates for enterprise applications
  • ๐Ÿš€ State of The Art Development: Newest development stack of React/umi/dva/antd
  • ๐Ÿ“ฑ Responsive: Designed for variable screen sizes
  • ๐ŸŽจ Theming: Customizable theme with simple config
  • ๐ŸŒ International: Built-in i18n solution
  • โš™๏ธ Best Practices: Solid workflow to make your code healthy
  • ๐Ÿ”ข Mock development: Easy to use mock development solution
  • โœ… 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

We provide pro-cli to quickly initialize scaffolding.

# use npm
npm i @ant-design/pro-cli -g
pro create myapp

select umi version

๐Ÿ‚ Use umi@4 or umi@3 ? (Use arrow keys)
โฏ umi@4
  umi@3

If the umi@4 version is selected, full blocks are not yet supported.

If you choose umi@3, you can also choose the pro template. Pro is the basic template, which only provides the basic content of the framework operation. Complete contains all blocks, which is not suitable for secondary development as a basic template.

? ๐Ÿš€ Full or a simple scaffold? (Use arrow keys)
โฏ simple
  complete

Initialized Git repository:

$ git init myapp

Install dependencies:

$ cd myapp && tyarn
// or
$ cd myapp && npm install

Browsers support

Modern browsers.

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