Third-Party Libraries

antd is built to implement a set of high-quality React UI components which follow Namu 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	Namu Design Charts AntV Data Visualization reactflow
React Hooks Library	ahooks
React Form Library	ProForm Formily react-hook-form formik
Router	react-router
Layout	react-grid-layout react-grid-system rc-dock
Drag and drop	dnd-kit react-beautiful-dnd react-dnd
Code Editor	react-codemirror2 react-monaco-editor
Rich Text Editor	react-quill
JSON Viewer	react-json-view
Color Picker	react-colorful react-color
Media Query	react-responsive
Copy to clipboard	react-copy-to-clipboard
Document head manager	react-helmet-async
Icons	react-fontawesome react-icons
QR Code	qrcode.react
Top Progress Bar	react-nprogress
i18n	FormatJS react-i18next
Code highlight	react-syntax-highlighter
Markdown renderer	react-markdown
Infinite Scroll	rc-virtual-list react-infinite-scroll-component
Map	google-map-react @uiw/react-amap
Video	react-player video-react video.js
Context Menu	react-contexify
Emoji	emoji-mart react-resizable-panels
Split View	react-split-pane
Image Crop	antd-img-crop react-image-crop
Keywords highlight	react-highlight-words
Text Loop	react-text-loop-next react-fast-marquee
Animation	react-move Ant Motion react-spring
Page Footer	rc-footer
Number/Currency	react-countup react-number-format react-currency-input-field
Application Frameworks	umi remix refine
Flow-based UI	react-flow x6

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	图之典