(English) （中文）

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

中文 README

• An enterprise-class UI design language for web applications.
• A set of high-quality React components out of the box.
• Written in TypeScript with complete define types.
• A npm + webpack + dva front-end development workflow.

• Browser: Modern browsers and Internet Explorer 9+
• Server-side Rendering
• Electron

antd is an open source project, improvements are welcomed. If you are interested in contributing to antd, you can watch this repository, join in discussion, or try to implement some features which have been accepted. Actually, there are many ways to contribute. And we are always happy to offer collaborator permission for some active contributors.

npm install antd

import { DatePicker } from 'antd';
ReactDOM.render(<DatePicker />, mountNode);

And import style manually:

import 'antd/dist/antd.css';  // or 'antd/dist/antd.less'

• Use babel-plugin-import (Recommended)

  // .babelrc or babel-loader option
  {
    "plugins": [
      ["import", { libraryName: "antd", style: "css" }] // `style: true` for less
    ]
  }

  Then you can import components from antd, equivalent to import manually below.

  // import js and css modularly, parsed by babel-plugin-import
  import { DatePicker } from 'antd';

• Manually import

  import DatePicker from 'antd/lib/date-picker';  // for js
  import 'antd/lib/date-picker/style/css';        // for css
  // import 'antd/lib/date-picker/style';         // that will import less

// tsconfig.json
{
  "compilerOptions": {
    "moduleResolution": "node",
    "jsx": "preserve",
    "allowSyntheticDefaultImports": true
  }
}

Note:

• set allowSyntheticDefaultImports to prevent error TS1192: Module 'react' has no default export.
• Don't use @types/antd, antd provide a built-in ts definition already.

See i18n.

• Home page
• UI library
• Change Log
• Scaffold tool
• Development tool
• rc-components
• Mobile UI
• Motion
• Developer Instruction
• Versioning Release Note
• Boilerplates
• FAQ
• CodePen boilerplate for bug reports
• Awesome Ant Design
• Customize Theme

$ git clone [email protected]:ant-design/ant-design.git
$ npm install
$ npm start

Open your browser and visit https://127.0.0.1:8001 , see more at https://github.com/ant-design/ant-design/wiki/Development .

We welcome all contributions, please read our CONTRIBUTING.md first. You can submit any ideas as pull requests or as GitHub issues. If you'd like to improve code, check out the Development Instructions and have a good time! :)