# oui-antd

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

Latest version **1.0.8** (published 2018-11-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install oui-antd
pnpm add oui-antd
yarn add oui-antd
bun add oui-antd
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; large bundle.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.8 |
| Published | 2018-11-21 |
| First published | 2018-03-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 48 |
| Unpacked size | 22.9 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | twobin |
| Keywords | ant, design, react, react-component, component, components, ui, framework, frontend |

## Links

- npm: https://www.npmjs.com/package/oui-antd
- Repository: https://github.com/twobin/ant-design
- Homepage: http://ant.design/
- Issues: https://github.com/twobin/ant-design/issues
- npm.io page: https://npm.io/package/oui-antd

## Dependencies (48)

- [raf](https://npm.io/package/raf.md) ^3.4.0
- [lodash](https://npm.io/package/lodash.md) ^4.17.5
- [moment](https://npm.io/package/moment.md) ^2.19.3
- [omit.js](https://npm.io/package/omit.js.md) ^1.0.0
- [rc-form](https://npm.io/package/rc-form.md) ^2.1.0
- [rc-menu](https://npm.io/package/rc-menu.md) ~7.0.2
- [rc-rate](https://npm.io/package/rc-rate.md) ~2.4.0
- [rc-tabs](https://npm.io/package/rc-tabs.md) ~9.3.3
- [rc-tree](https://npm.io/package/rc-tree.md) ~1.14.3
- [rc-util](https://npm.io/package/rc-util.md) ^4.0.4
- [warning](https://npm.io/package/warning.md) ~4.0.1
- [rc-steps](https://npm.io/package/rc-steps.md) ~3.1.0
- [rc-table](https://npm.io/package/rc-table.md) ~6.2.0
- [rc-dialog](https://npm.io/package/rc-dialog.md) ~7.2.0
- [rc-drawer](https://npm.io/package/rc-drawer.md) ~1.7.3
- [rc-select](https://npm.io/package/rc-select.md) ~8.1.1
- [rc-slider](https://npm.io/package/rc-slider.md) ~8.6.0
- [rc-switch](https://npm.io/package/rc-switch.md) ~1.6.0
- [rc-upload](https://npm.io/package/rc-upload.md) ~2.5.0
- [classnames](https://npm.io/package/classnames.md) ~2.2.0
- [enquire.js](https://npm.io/package/enquire.js.md) ^2.1.1
- [prop-types](https://npm.io/package/prop-types.md) ^15.5.7
- [rc-animate](https://npm.io/package/rc-animate.md) ^2.4.1
- [rc-tooltip](https://npm.io/package/rc-tooltip.md) ~3.7.0
- [rc-trigger](https://npm.io/package/rc-trigger.md) ^2.5.4
- [dom-closest](https://npm.io/package/dom-closest.md) ^0.2.0
- [intersperse](https://npm.io/package/intersperse.md) ^1.0.0
- [rc-calendar](https://npm.io/package/rc-calendar.md) ~9.6.0
- [rc-cascader](https://npm.io/package/rc-cascader.md) ~0.14.0
- [rc-checkbox](https://npm.io/package/rc-checkbox.md) ~2.1.5
- [rc-collapse](https://npm.io/package/rc-collapse.md) ~1.9.0
- [rc-dropdown](https://npm.io/package/rc-dropdown.md) ~2.2.0
- [rc-progress](https://npm.io/package/rc-progress.md) ~2.2.2
- [react-slick](https://npm.io/package/react-slick.md) ~0.23.1
- [shallowequal](https://npm.io/package/shallowequal.md) ^1.0.1
- [babel-runtime](https://npm.io/package/babel-runtime.md) 6.x
- [css-animation](https://npm.io/package/css-animation.md) ^1.2.5
- [rc-pagination](https://npm.io/package/rc-pagination.md) ~1.16.1
- [rc-time-picker](https://npm.io/package/rc-time-picker.md) ~3.3.0
- [rc-tree-select](https://npm.io/package/rc-tree-select.md) ~2.1.0
- [rc-input-number](https://npm.io/package/rc-input-number.md) ~4.0.0
- [rc-notification](https://npm.io/package/rc-notification.md) ~3.2.0
- [react-lazy-load](https://npm.io/package/react-lazy-load.md) ^3.0.12
- [array-tree-filter](https://npm.io/package/array-tree-filter.md) ^2.0.0
- [rc-editor-mention](https://npm.io/package/rc-editor-mention.md) ^1.0.2
- [create-react-class](https://npm.io/package/create-react-class.md) ^15.6.0
- [create-react-context](https://npm.io/package/create-react-context.md) ^0.2.2
- [react-lifecycles-compat](https://npm.io/package/react-lifecycles-compat.md) ^3.0.2

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@progress/kendo-vue-listbox](https://npm.io/package/@progress/kendo-vue-listbox.md) — 932 weekly downloads

## Recent versions

- 1.0.8 (latest) — 2018-11-21
- 1.0.7 — 2018-11-21
- 1.0.6 — 2018-11-19
- 1.0.5 — 2018-07-23
- 1.0.4 — 2018-07-20
- 1.0.3 — 2018-07-20
- 1.0.2 — 2018-03-04
- 1.0.0 — 2018-03-04

## README

<p align="center">
  <a href="http://ant.design">
    <img width="230" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg">
  </a>
</p>

# Ant Design

[![](https://img.shields.io/travis/ant-design/ant-design/master.svg?style=flat-square)](https://travis-ci.org/ant-design/ant-design)
[![CircleCI Status](https://circleci.com/gh/ant-design/ant-design.svg?style=svg)](https://circleci.com/gh/ant-design/ant-design/)
[![Codecov](https://img.shields.io/codecov/c/github/ant-design/ant-design/master.svg?style=flat-square)](https://codecov.io/gh/ant-design/ant-design/branch/master)
[![Dependencies](https://img.shields.io/david/ant-design/ant-design.svg)](https://david-dm.org/ant-design/ant-design)
[![DevDependencies](https://img.shields.io/david/dev/ant-design/ant-design.svg)](https://david-dm.org/ant-design/ant-design?type=dev)

[![npm package](https://img.shields.io/npm/v/antd.svg?style=flat-square)](https://www.npmjs.org/package/antd)
[![NPM downloads](http://img.shields.io/npm/dm/antd.svg?style=flat-square)](http://www.npmtrends.com/antd)
[![Percentage of issues still open](http://isitmaintained.com/badge/open/ant-design/ant-design.svg)](http://isitmaintained.com/project/ant-design/ant-design "Percentage of issues still open")
[![Gitter](https://badges.gitter.im/ant-design/ant-design-english.svg)](https://gitter.im/ant-design/ant-design-english?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) (English)
[![Join the chat at https://gitter.im/ant-design/ant-design](https://img.shields.io/gitter/room/ant-design/ant-design.svg?style=flat-square)](https://gitter.im/ant-design/ant-design?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)（中文）

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

[中文 README](README-zh_CN.md)

## 3.0 Released Now! :tada::tada::tada:

[Announcing Ant Design 3.0](https://medium.com/ant-design/announcing-ant-design-3-0-70e3e65eca0c)

## Features

- An enterprise-class UI design system for desktop applications.
- A set of high-quality React components out of the box.
- Written in TypeScript with predictable static types.
- The whole package of development and design resources and tools.

## Environment Support

* Modern browsers and Internet Explorer 9+ (with [polyfills](https://ant.design/docs/react/getting-started#Compatibility))
* Server-side Rendering
* [Electron](http://electron.atom.io/)

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Electron |
| --------- | --------- | --------- | --------- | --------- | --------- |
| IE9, IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions

## Let's build a better antd together [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

Read our [contributing guide](https://ant.design/docs/react/contributing).

## Install

```bash
npm install antd --save
```

## Usage

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

And import style manually:

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

Or [import components on demand](https://ant.design/docs/react/getting-started#Import-on-Demand)

### TypeScript

See [Use in TypeScript](https://ant.design/docs/react/use-in-typescript)

## Internationalization

See [i18n](http://ant.design/docs/react/i18n).

## Links

- [Home page](http://ant.design/)
- [Components](http://ant.design/docs/react/introduce)
- [Ant Design Pro](http://pro.ant.design/)
- [Change Log](CHANGELOG.en-US.md)
- [Scaffold Market](http://scaffold.ant.design)
- [rc-components](http://react-component.github.io/)
- [Mobile UI](http://mobile.ant.design)
- [Motion](https://motion.ant.design)
- [Developer Instruction](https://github.com/ant-design/ant-design/wiki/Development)
- [Versioning Release Note](https://github.com/ant-design/ant-design/wiki/%E8%BD%AE%E5%80%BC%E8%A7%84%E5%88%99%E5%92%8C%E7%89%88%E6%9C%AC%E5%8F%91%E5%B8%83%E6%B5%81%E7%A8%8B)
- [FAQ](https://github.com/ant-design/ant-design/wiki/FAQ)
- [CodeSandbox Template](https://u.ant.design/codesandbox-repro) for bug reports
- [Awesome Ant Design](https://github.com/websemantics/awesome-ant-design)
- [Customize Theme](http://ant.design/docs/react/customize-theme)

## Development

```bash
$ git clone git@github.com:ant-design/ant-design.git
$ cd ant-design
$ npm install
$ npm start
```

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

## Contributing

We welcome all contributions. Please read our [CONTRIBUTING.md](https://github.com/ant-design/ant-design/blob/master/.github/CONTRIBUTING.md) first. You can submit any ideas as [pull requests](https://github.com/ant-design/ant-design/pulls) or as [GitHub issues](https://github.com/ant-design/ant-design/issues). If you'd like to improve code, check out the [Development Instructions](https://github.com/ant-design/ant-design/wiki/Development) and have a good time! :)

---
_Source: https://npm.io/package/oui-antd · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
