An out-of-box UI solution for enterprise applications as a React boilerplate
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
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
$ 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
Use Gitpod
Open the project in Gitpod (free online dev environment for GitHub) and start coding immediately.
More instructions at documentation.
Browsers support
Modern browsers and IE11.
IE / Edge |
Firefox |
Chrome |
Safari |
Opera |
---|---|---|---|---|
IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |