/ant-design-pro

πŸ‘¨πŸ»β€πŸ’»πŸ‘©πŸ»β€πŸ’» Use Ant Design like a Pro!

Primary LanguageTypeScriptMIT LicenseMIT

Language : πŸ‡ΊπŸ‡Έ | πŸ‡¨πŸ‡³ | πŸ‡·πŸ‡Ί | πŸ‡ΉπŸ‡· | πŸ‡―πŸ‡΅ | πŸ‡«πŸ‡· | πŸ‡΅πŸ‡Ή | πŸ‡ΈπŸ‡¦

Ant Design Pro

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

Build Status Github Action 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: ant-design#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

$ mkdir <your-project-name>
$ cd <your-project-name>
$ 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

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.