Ready Design

⌘ K

1.0.26

⌘ K

1.0.26

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

类型	推荐组件
可视化图表	Ant Design Charts AntV 数据可视化解决方案
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-virtual-list react-infinite-scroll-component
地图	google-map-react @uiw/react-amap 高德地图
视频播放	react-player video-react video.js
右键菜单	react-contexify
Emoji	emoji-mart
分割面板	react-split-pane react-resizable-panels
图片裁切	antd-img-crop react-image-crop
关键字高亮	react-highlight-words
文字轮播	react-text-loop-next react-fast-marquee
动画	react-move Ant Motion react-spring
页脚	rc-footer
数字/金额	react-number-format react-currency-input-fiel
移动端探测	react-device-detect
应用程序框架	umi remix refine

推荐产品 ✨

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

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

类型	推荐组件
可视化图表	Ant Design Charts AntV 数据可视化解决方案
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-virtual-list react-infinite-scroll-component
地图	google-map-react @uiw/react-amap 高德地图
视频播放	react-player video-react video.js
右键菜单	react-contexify
Emoji	emoji-mart
分割面板	react-split-pane react-resizable-panels
图片裁切	antd-img-crop react-image-crop
关键字高亮	react-highlight-words
文字轮播	react-text-loop-next react-fast-marquee
动画	react-move Ant Motion react-spring
页脚	rc-footer
数字/金额	react-number-format react-currency-input-fiel
移动端探测	react-device-detect
应用程序框架	umi remix refine