ant-design/ant-design-pro
👨🏻💻👩🏻💻 Use Ant Design like a Pro!
Backblaze Generative Media Hackathon
Build the next generation of AI media apps with Genblaze, stored on Backblaze B2. $10,000 in prizes.
Loading star history...
Use Cases & Benefits
- Provides an out-of-box React boilerplate for building enterprise-level admin dashboards and applications using Ant Design and TypeScript.
- Offers a comprehensive, ready-made UI framework with customizable themes, internationalization, and best practice workflows to accelerate enterprise app development.
- Use for quickly scaffolding complex admin dashboards with analytics, monitoring, and workspace templates in React.
- Use for developing responsive, multi-language enterprise applications with built-in mock data and UI testing support.
- Use for creating standardized form and list management interfaces with reusable blocks and templates following Ant Design specifications.
About ant-design-pro
Language: 🇺🇸 | 🇨🇳 | 🇷🇺 | 🇹🇷 | 🇯🇵 | 🇫🇷 | 🇵🇹 | 🇸 🇦 | 🇪🇸
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
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
- :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
- :white_check_mark: 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
Choose the pro template. Simple 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 |  Firefox |  Chrome |  Safari |  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.
Discover Repositories
Search across tracked repositories by name or description