Ant Design

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

Features

• An enterprise-class design language and high quality UI style.
• Rich library of UI components base on React Component.
• A npm + webpack + babel + dora workflow.

Install

npm install antd

Usage example

Use prebuilt bundle

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

Import style:

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

Use modularized antd

use babel-plugin-antd.

babel plugin config:

['antd', {
 style: 'css'
}]

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

No need to import style manually.

Browser Support

Normal browsers and Internet Explorer 8+.

IE8 issues

TypeScript

///<reference path='./node_modules/antd/type-definitions/antd.d.ts'/>
...

Links

• Home page
• React UI library
• ChangeLog
• Scaffold tool
• Development tool
• React components
• React style guide
• React component design guide
• Developer Instruction
• Versioning Release Note
• FAQ

Contributing

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