ant-design-pro

An enterprise-class UI design language and React-based implementation

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
ant-design-pro
2.3.25 years ago7 years agoMinified + gzip package size for ant-design-pro in KB

Readme

English | 简体中文 | Русский | Türkçe | 日本語
Ant Design Pro


An out-of-box UI solution for enterprise applications as a React boilerplate.
Build With Umi Build Status Dependencies DevDependencies Gitter Join the chat at https://gitter.im/ant-design/ant-design-pro Netlify Status

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

$ 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 antdesign/ant-design-pro
$ docker run -p 80:80 antdesign/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

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 / Edge
IE / Edge | Firefox
Firefox | Chrome
Chrome | Safari
Safari | Opera
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.