Need help with ant-design-pro?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

ant-design
27.2K Stars 6.3K Forks MIT License 2.2K Commits 135 Opened issues

Description

👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!

Services available

!
?

Need anything else?

Contributors list

No Data

English | 简体中文 | Русский | Türkçe | 日本語 | Français | Português | العربية

Ant Design Pro

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

Build Status Github Action Deploy Dependencies DevDependencies

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

  • 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

5.0 is ready for trial! 🎉🎉🎉

Try Ant Design Pro 5.0.0

Translation Recruitment :loudspeaker:

We need your help: https://github.com/ant-design/ant-design-pro/issues/120

Features

  • :bulb: TypeScript: A language for application-scale JavaScript
  • :scroll: Blocks: Build page with block template
  • :gem: Neat Design: Follow Ant Design specification
  • :triangular_ruler: Common Templates: Typical templates for enterprise applications
  • :rocket: State of The Art Development: Newest development stack of React/umi/dva/antd
  • :iphone: Responsive: Designed for variable screen sizes
  • :art: Theming: Customizable theme with simple config
  • :globewithmeridians: International: Built-in i18n solution
  • :gear: Best Practices: Solid workflow to make your code healthy
  • :1234: Mock development: Easy to use mock development solution
  • :whitecheckmark: 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 
$ cd 
$ 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

Use Gitpod

Open the project in Gitpod (free online dev environment for GitHub) and start coding immediately.

Open in Gitpod

More instructions at documentation.

Browsers support

Modern browsers and IE11.

| IE / EdgeIE / Edge | FirefoxFirefox | ChromeChrome | SafariSafari | OperaOpera | | --- | --- | --- | --- | --- | | IE11, 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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.