社区精选组件 - Ant Design

antd 是基于 Ant Design 设计规范实现的高质量 React 组件库，我们倾向于只提供符合该规范且带有视觉展现的 UI 组件，也尽量不重复造轮子。我们推荐使用以下社区已有的优秀实现，与 antd 形成互补。

类型	推荐组件
可视化图表	Ant Design Charts AntV 数据可视化解决方案 reactflow
React Hooks 库	ahooks
表单	ProForm Formily react-hook-form formik
路由	react-router
布局	react-grid-layout react-grid-system rc-dock
拖拽	dnd-kit react-beautiful-dnd react-dnd
代码编辑器	@uiw/react-codemirror react-monaco-editor
富文本编辑器	react-quill
JSON 编辑器	vanilla-jsoneditor
JSON 显示器	react-json-view
拾色器	react-colorful react-color
响应式	react-responsive
复制到剪贴板	react-copy-to-clipboard
页面 meta 属性	react-helmet-async
图标	react-fontawesome react-icons
二维码	qrcode.react
顶部进度条	react-nprogress
应用国际化	FormatJS react-i18next
代码高亮	react-syntax-highlighter
Markdown 渲染	react-markdown
无限滚动	@rc-component/virtual-list react-infinite-scroll-component
地图	google-map-react @uiw/react-amap 高德地图
视频播放	react-player video-react video.js
右键菜单	react-contexify
Emoji	emoji-picker-react emoji-mart
分割面板	react-split-pane react-resizable-panels
图片裁切	antd-img-crop react-image-crop
关键字高亮	react-highlight-words
文字轮播	react-text-loop-next react-fast-marquee
动画	motion Ant Motion react-spring
页脚	rc-footer
数字/金额	react-number-format react-currency-input-field
移动端探测	react-device-detect
应用程序框架	umi remix refine
Flow 流	pro-flow react-flow x6
电话输入	react-phone-number-input antd-phone-input
AI 对话应用	Ant Design X
命令行工具	Ant Design CLI
PDF	react-pdf @react-pdf/renderer
React 手势库	use-gesture

推荐产品 ✨

还有一些常用的前端/设计/产品相关的工具推荐给大家使用。

类型	推荐产品
知识管理	🐦 语雀
图标	阿里巴巴矢量图标库
Sketch 插件	Kitchen
在线代码编辑	stackblitz codesandbox codepen