2017-01-12 17:57:04 +08:00
---
order: 7
2017-03-08 13:44:24 +08:00
title: Third-Party Libraries
2017-01-12 17:57:04 +08:00
---
2017-01-15 15:14:54 +08:00
`antd` is designed to provide high-quality React UI components which following Ant Design Specification. So, we are not going to implement other functions which are not relative to `antd` 's target, and recommend to use excellent third-party library which came from React community:
2017-01-12 17:57:04 +08:00
2017-05-01 00:10:07 +08:00
Category | Recommended Components
2017-03-14 20:08:40 +08:00
---------|-----------------------
Router | [react-router ](https://github.com/ReactTraining/react-router )
2017-06-11 08:58:19 +08:00
Layout | [react-blocks ](http://whoisandy.github.io/react-blocks/ )
2017-03-22 11:17:37 +08:00
Drag and drop | [react-dnd ](https://github.com/gaearon/react-dnd ) [react-draggable ](https://github.com/mzabriskie/react-draggable )
2017-09-11 16:24:09 +08:00
Code Editor | [react-codemirror2 ](https://github.com/scniro/react-codemirror2 )
2017-04-12 14:54:39 +08:00
Rich Text Editor | [react-quill ](https://github.com/zenoamaro/react-quill ) [react-draft-wysiwyg ](https://github.com/jpuri/react-draft-wysiwyg ) [react-lz-editor ](https://github.com/leejaen/react-lz-editor )(Ant Design style)
2017-03-14 20:08:40 +08:00
Color Picker | [rc-color-picker ](https://github.com/react-component/color-picker ) [react-color ](http://casesandberg.github.io/react-color/ )
Media Query | [react-responsive ](https://github.com/contra/react-responsive ) [react-media ](https://github.com/ReactTraining/react-media )
Copy to clipboard | [react-copy-to-clipboard ](https://github.com/nkbt/react-copy-to-clipboard )
2017-03-24 10:11:24 +08:00
Document head manager | [react-helmet ](https://github.com/nfl/react-helmet ) [react-document-title ](https://github.com/gaearon/react-document-title )
2017-03-14 20:08:40 +08:00
Icons | [react-fa ](https://github.com/andreypopp/react-fa ) [react-icons ](https://github.com/gorangajic/react-icons )
QR Code | [qrcode.react ](https://github.com/zpao/qrcode.react )
Charts | [g2-react ](https://github.com/antvis/g2-react ) [recharts ](https://github.com/recharts/recharts/ ) [victory ](https://github.com/FormidableLabs/victory )
Top Progress Bar | [nprogress ](https://github.com/rstacruz/nprogress )
2017-03-22 11:17:37 +08:00
i18n | [react-intl ](https://github.com/yahoo/react-intl )
Code highlight | [react-syntax-highlighter ](https://github.com/conorhastings/react-syntax-highlighter )
2017-06-13 15:11:24 +08:00
Markdown renderer | [react-markdown ](http://rexxars.github.io/react-markdown/ )
Infinite Scroll | [react-virtualized ](https://github.com/bvaughn/react-virtualized )
2017-09-19 11:10:24 +08:00
Map | [react-google-maps ](https://github.com/tomchentw/react-google-maps ) [google-map-react ](https://github.com/istarkov/google-map-react ) [react-amap ](https://github.com/ElemeFE/react-amap )
2017-03-14 20:08:40 +08:00
< style >
.markdown table td:first-child {
font-weight: 500;
width: 25%;
background: #fcfcfc ;
}
.markdown table td > a:not(:last-child) {
margin-right: 18px;
}
.markdown table td > a:not(:last-child):after {
content: '|';
color: #bbb ;
margin: 0 6px 0 8px;
pointer-events: none;
position: absolute;
}
< / style >
