ds_admin/admin

English | 简体中文 | Русский

Ant Design Pro

An out-of-box UI solution for enterprise applications as a React boilerplate. [](https://circleci.com/gh/ant-design/ant-design-pro/) [](https://ci.appveyor.com/project/afc163/ant-design-pro/branch/master) [](https://david-dm.org/ant-design/ant-design-pro) [](https://david-dm.org/ant-design/ant-design-pro?type=dev) [](https://gitter.im/ant-design/pro-english?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)(🇺🇸) [](https://gitter.im/ant-design/ant-design-pro?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)(🇨🇳) 

• 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

2.0 Released Now! 🎉🎉🎉

Announcing Ant Design Pro 2.0.0

Translation Recruitment :loudspeaker:

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

Features

• :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

$ git clone https://github.com/ant-design/ant-design-pro.git --depth=1
$ cd ant-design-pro
$ npm install
$ npm start         # visit http://localhost:8000

Use by docker

# preview 
$ docker pull chenshuai2144/ant-design-pro
$ docker run -p 80:80 chenshuai2144/ant-design-pro
# open http://localhost

# dev 
$ npm run docker:dev

# build 
$ npm run docker:build


# production dev 
$ npm run docker-prod:dev

# production build 
$ npm run docker-prod:build

More instructions at documentation.

Browsers support

Modern browsers and IE11.

IE / EdgeFirefoxChrome Safari Opera 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.