Third-Party Libraries
antd is designed to provide high-quality React UI components which follow the Ant Design Specification. So, we are not going to implement other functions which are not relative to antd's target, and recommend using the excellent third-party library which have come from the React community:
| Category | Recommended Components |
|---|---|
| Router | react-router |
| Layout | @rebass/grid react-blocks react-flexbox-grid |
| Drag and drop | react-beautiful-dnd react-dnd react-sortable-hoc |
| Code Editor | react-codemirror2 react-monaco-editor |
| Rich Text Editor | react-quill braft-editor |
| Color Picker | rc-color-picker react-color |
| Media Query | react-responsive react-media |
| Copy to clipboard | react-copy-to-clipboard |
| Document head manager | react-helmet react-document-title |
| Icons | react-fa react-icons |
| QR Code | qrcode.react |
| Charts | BizCharts recharts victory |
| Visual Graph Editor | GGEditor |
| Top Progress Bar | nprogress |
| i18n | react-intl |
| Code highlight | react-syntax-highlighter |
| Markdown renderer | react-markdown |
| Infinite Scroll | react-virtualized antd-table-infinity |
| Map | react-google-maps google-map-react react-amap |
| Context Menu | react-contextmenu react-contexify |
| Emoji | emoji-mart |
| Split View | react-split-pane |
| Image Crop | react-image-crop |
| Trend Lines | react-sparklines |
| Formatted Input | text-mask |
| Keywords highlight | react-highlight-words |
| Animation | react-move Ant Motion |