ant-design/docs/react/recommendation.en-US.md

order, title

order	title
9	Third-Party Libraries

antd is built to implement a set of high-quality React UI components 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.

Category	Recommended Components
Visualization and charts	AntV Data Visualization 🔥 AntV Charting Library BizCharts recharts viser
React Hooks Library	ahooks
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
JSON Viewer	react-json-view
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-helmet-async
Icons	react-fontawesome react-icons
QR Code	qrcode.react
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
Video	react-player video-react video.js
Context Menu	react-contextmenu react-contexify
Emoji	emoji-mart
Split View	react-split-pane
Image Crop	antd-img-crop react-image-crop
Trend Lines	react-sparklines
Keywords highlight	react-highlight-words
Text Loop	react-text-loop
Animation	react-move Ant Motion react-spring

Products we are using ✨

There are some products to recommend for developer/designer/product manager.

Category	Recommended Products
Documentation	🐦 Yuque
Icon	Iconfont
Sketch plugin	Kitchen
Online Playground	codesandbox codepen
Image Compressor	tinypng
Charts Dictionary	图之典

<style> .markdown table td:first-child { width: 20%; font-weight: 500; background: #fcfcfc; } .markdown table td > a:not(:last-child) { margin-right: 18px; } .markdown table td > a:not(:last-child)::after { position: absolute; margin: 0 6px 0 8px; color: #bbb; content: '|'; pointer-events: none; } </style>