Ant-design-pro: An out-of-box UI solution for enterprise applications


An out-of-box UI solution for enterprise applications

Looks pretty cool:


My Chinese not so good (-:


regular antd and antd-mobile were both quickly translated into english and they are pushing more issue/github conversations to be in english. I suspect antd-pro (brand new) will be pretty well translated within in the next 30 days or so.


What is the difference between this pro version and the public version ?

Like @none, I don’t understand chinese and google traduction is not very good on it ^^


I did right-click and translate to english and it wasn’t that bad.

Both versions are public/free. This is just a starterkit/template/dashboard like something from themeforest but built using the regular antd (but more complex components). It’s an entire app ready to go.

:gem: Elegant and beautiful : Design based on the Ant Design system
:triangular_ruler: Common design patterns : Refine typical pages and scenes from mid-range applications
:rocket: The latest technology stack : the use of React / dva / antd front-end technology development
:iphone: Response : Design for different screen sizes
:art: Theme : configurable themes to meet diverse brand demands
:globe_with_meridians: Internationalization : Internationalization of built-in industry
:gear:️ Best practice : Good engineering practice helps you to produce high quality code
:1234: Mock data : a practical local data debugging program
:white_check_mark: UI testing : automated testing to protect front-end product quality


  "name": "ant-design-pro",
  "version": "0.2.1",
  "description": "An out-of-box UI solution for enterprise applications",
  "private": true,
  "scripts": {
    "precommit": "npm run lint-staged",
    "start": "roadhog server",
    "start:no-proxy": "NO_PROXY=true roadhog server",
    "build": "roadhog build",
    "site": "roadhog-api-doc static",
    "analyze": "roadhog build --analyze",
    "lint:style": "stylelint \"src/**/*.less\" --syntax less",
    "lint": "eslint --ext .js src mock tests && npm run lint:style",
    "lint:fix": "eslint --fix --ext .js src mock tests && npm run lint:style",
    "lint-staged": "lint-staged",
    "lint-staged:js": "eslint --ext .js",
    "test": "jest",
    "test:all": "node ./tests/run-tests.js"
  "dependencies": {
    "antd": "^3.0.0-beta.1",
    "classnames": "^2.2.5",
    "core-js": "^2.5.1",
    "dva": "^2.0.3",
    "g-cloud": "^1.0.2-beta",
    "g2": "^2.3.13",
    "g2-plugin-slider": "^1.2.1",
    "lodash": "^4.17.4",
    "lodash-decorators": "^4.4.1",
    "lodash.clonedeep": "^4.5.0",
    "moment": "^2.19.1",
    "numeral": "^2.0.6",
    "prop-types": "^15.5.10",
    "qs": "^6.5.0",
    "react": "^16.0.0",
    "react-document-title": "^2.0.3",
    "react-dom": "^16.0.0",
    "react-fittext": "^1.0.0"
  "devDependencies": {
    "babel-eslint": "^8.0.1",
    "babel-jest": "^21.0.0",
    "babel-plugin-dva-hmr": "^0.3.2",
    "babel-plugin-import": "^1.2.1",
    "babel-plugin-transform-class-properties": "^6.24.1",
    "babel-plugin-transform-decorators-legacy": "^1.3.4",
    "babel-plugin-transform-runtime": "^6.9.0",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
    "babel-runtime": "^6.9.2",
    "cross-port-killer": "^1.0.1",
    "enzyme": "^3.1.0",
    "enzyme-adapter-react-16": "^1.0.2",
    "eslint": "^4.8.0",
    "eslint-config-airbnb": "^16.0.0",
    "eslint-plugin-babel": "^4.0.0",
    "eslint-plugin-import": "^2.2.0",
    "eslint-plugin-jsx-a11y": "^6.0.0",
    "eslint-plugin-markdown": "^1.0.0-beta.6",
    "eslint-plugin-react": "^7.0.1",
    "gh-pages": "^1.0.0",
    "husky": "^0.14.3",
    "jest": "^21.0.1",
    "lint-staged": "^4.3.0",
    "mockjs": "^1.0.1-beta3",
    "react-container-query": "^0.9.1",
    "react-test-renderer": "^16.0.0",
    "redbox-react": "^1.3.2",
    "roadhog": "^1.3.1",
    "roadhog-api-doc": "^0.2.0",
    "stylelint": "^8.1.0",
    "stylelint-config-standard": "^17.0.0"
  "optionalDependencies": {
    "nightmare": "^2.10.0"
  "babel": {
    "presets": [
    "plugins": [
  "jest": {
    "setupFiles": [
    "testMatch": [
    "setupTestFrameworkScriptFile": "<rootDir>/tests/jasmine.js",
    "moduleFileExtensions": [
    "moduleNameMapper": {
      "\\.(css|less)$": "<rootDir>/tests/styleMock.js"
  "lint-staged": {
    "**/*.{js,jsx}": "lint-staged:js",
    "**/*.less": "stylelint --syntax less"

to follow for english:

Kind of funny how there’s twice as many dev dependencies than app dependencies… hello javascript 2018


I’ve been using antd in dashboard production app for the past year and its been excellent. Zero issues and no update problems ever, thus far. everything works out of the box, and its very customizable. antd-pro is a nice addition, would have saved me a few days if this was live a year ago. The english version of antd is very well documented, sure antd-pro will also be. Also translate is not that bad.


Thanks !

My bad, I translate Chinese to French this night… and it’s not very good. But in english it’s better :slight_smile:

I like antd since one year, and yes it’s a very good project ! And devs are great.

Thank for to sharing this news :wink:


It’s now in english :slight_smile:


I’m personally in love with Ant.d and their components’ style :heart:
And if it wasn’t enough - they push updates every week, squash bugs rapidly and put MIT license on their products - REALLY COOL PEOPLE working there.


I’d go so far as to say they’re some of the best JS devs out there. I think they easily rival airbnb/facebook/et al