2017-01-12 17:57:04 +08:00
---
2020-01-02 16:05:59 +08:00
order: 9
2017-03-08 13:44:24 +08:00
title: Third-Party Libraries
2017-01-12 17:57:04 +08:00
---
2020-06-02 15:59:32 +08:00
`antd` is built to implement [a set of high-quality React UI components ](/components/overview ) which follow Ant Design specification. It is impossible to include all useful components in one package, so we also recommend that using other great third-party libraries in React community.
2017-01-12 17:57:04 +08:00
2019-05-07 14:57:32 +08:00
| Category | Recommended Components |
| --- | --- |
2019-11-24 21:59:54 +08:00
| Visualization and charts | [AntV Data Visualization ](https://antv.vision/en ) [🔥 AntV Charting Library ](https://g2plot.antv.vision/en ) [BizCharts ](https://github.com/alibaba/BizCharts ) [recharts ](https://github.com/recharts/recharts/ ) [viser ](https://viserjs.github.io/ ) |
2020-02-19 16:21:26 +08:00
| React Hooks Library | [umi-hooks ](https://github.com/umijs/hooks ) |
2019-05-07 14:57:32 +08:00
| Router | [react-router ](https://github.com/ReactTraining/react-router ) |
| Layout | [@rebass/grid ](https://github.com/rebassjs/grid ) [react-blocks ](http://whoisandy.github.io/react-blocks/ ) [react-flexbox-grid ](https://github.com/roylee0704/react-flexbox-grid ) |
| Drag and drop | [react-beautiful-dnd ](https://github.com/atlassian/react-beautiful-dnd/ ) [react-dnd ](https://github.com/gaearon/react-dnd ) [react-sortable-hoc ](https://github.com/clauderic/react-sortable-hoc ) |
| Code Editor | [react-codemirror2 ](https://github.com/scniro/react-codemirror2 ) [react-monaco-editor ](https://github.com/superRaytin/react-monaco-editor ) |
| Rich Text Editor | [react-quill ](https://github.com/zenoamaro/react-quill ) [braft-editor ](https://github.com/margox/braft-editor ) |
| JSON Viewer | [react-json-view ](https://github.com/mac-s-g/react-json-view ) |
| 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 ) |
2019-11-09 17:42:41 +08:00
| Document head manager | [react-helmet ](https://github.com/nfl/react-helmet ) [react-helmet-async ](https://github.com/staylor/react-helmet-async ) |
2020-02-09 18:00:49 +08:00
| Icons | [react-fontawesome ](https://github.com/FortAwesome/react-fontawesome ) [react-icons ](https://github.com/gorangajic/react-icons ) |
2019-05-07 14:57:32 +08:00
| QR Code | [qrcode.react ](https://github.com/zpao/qrcode.react ) |
| Visual Graph Editor | [GGEditor ](https://github.com/gaoli/GGEditor ) |
| Top Progress Bar | [nprogress ](https://github.com/rstacruz/nprogress ) |
| i18n | [react-intl ](https://github.com/yahoo/react-intl ) |
| Code highlight | [react-syntax-highlighter ](https://github.com/conorhastings/react-syntax-highlighter ) |
| Markdown renderer | [react-markdown ](http://rexxars.github.io/react-markdown/ ) |
| Infinite Scroll | [react-virtualized ](https://github.com/bvaughn/react-virtualized ) [antd-table-infinity ](https://github.com/Leonard-Li777/antd-table-infinity ) |
| 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 ) |
2019-09-23 17:05:56 +08:00
| Video | [react-player ](https://github.com/CookPete/react-player ) [video-react ](https://github.com/video-react/video-react ) [video.js ](http://docs.videojs.com/tutorial-react.html ) |
2019-05-07 14:57:32 +08:00
| Context Menu | [react-contextmenu ](https://github.com/vkbansal/react-contextmenu/ ) [react-contexify ](https://github.com/fkhadra/react-contexify ) |
| Emoji | [emoji-mart ](https://github.com/missive/emoji-mart ) |
| Split View | [react-split-pane ](https://github.com/tomkp/react-split-pane ) |
2020-06-02 15:59:32 +08:00
| Image Crop | [antd-img-crop ](https://github.com/nanxiaobei/antd-img-crop ) [react-image-crop ](https://github.com/DominicTobias/react-image-crop ) |
2019-05-07 14:57:32 +08:00
| Trend Lines | [react-sparklines ](https://github.com/borisyankov/react-sparklines ) |
| Keywords highlight | [react-highlight-words ](https://github.com/bvaughn/react-highlight-words ) |
2020-06-02 15:59:32 +08:00
| Text Loop | [react-text-loop ](https://github.com/braposo/react-text-loop ) |
2019-05-07 14:57:32 +08:00
| Animation | [react-move ](https://github.com/react-tools/react-move ) [Ant Motion ](https://motion.ant.design/components/tween-one ) [react-spring ](https://www.react-spring.io ) |
2017-03-14 20:08:40 +08:00
2019-10-14 12:26:44 +08:00
## Products we are using ✨
There are some products to recommend for developer/designer/product manager.
2019-11-23 19:33:05 +08:00
| Category | Recommended Products |
| ----------------- | --------------------------------------------------------------------- |
| Documentation | [🐦 Yuque ](https://www.yuque.com/?chInfo=ch_antd ) |
| Icon | [Iconfont ](https://www.iconfont.cn/ ) |
| Sketch plugin | [Kitchen ](https://kitchen.alipay.com ) |
2019-10-14 12:26:44 +08:00
| Online Playground | [codesandbox ](https://codesandbox.io/ ) [codepen ](https://codepen.io/ ) |
2019-11-23 19:33:05 +08:00
| Image Compressor | [tinypng ](https://tinypng.com/ ) |
| Charts Dictionary | [图之典 ](http://tuzhidian.com/ ) |
2019-10-14 12:26:44 +08:00
2017-03-14 20:08:40 +08:00
< style >
.markdown table td:first-child {
2020-02-09 18:00:49 +08:00
width: 20%;
2017-03-14 20:08:40 +08:00
font-weight: 500;
background: #fcfcfc ;
}
.markdown table td > a:not(:last-child) {
margin-right: 18px;
}
2020-02-09 18:00:49 +08:00
.markdown table td > a:not(:last-child)::after {
position: absolute;
2017-03-14 20:08:40 +08:00
margin: 0 6px 0 8px;
2020-02-09 18:00:49 +08:00
color: #bbb ;
content: '|';
2017-03-14 20:08:40 +08:00
pointer-events: none;
}
< / style >