社区精选组件

antd 是基于 Infra 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 react-sortable-hoc
代码编辑器react-codemirror2 react-monaco-editor
富文本编辑器react-quill braft-editor
JSON 显示器react-json-view
拾色器react-color
响应式react-responsive react-media
复制到剪贴板react-copy-to-clipboard
页面 meta 属性react-helmet react-helmet-async
图标react-fontawesome react-icons
二维码qrcode.react
顶部进度条nprogress
应用国际化FormatJS react-i18next
代码高亮react-syntax-highlighter
Markdown 渲染react-markdown
无限滚动rc-virtual-list react-infinite-scroll-component
地图react-google-maps google-map-react react-amap 高德
视频播放react-player video-react video.js
右键菜单react-contextmenu react-contexify
Emojiemoji-mart
分割面板react-split-pane
图片裁切antd-img-crop react-image-crop
趋势线react-sparklines
关键字高亮react-highlight-words
文字轮播react-text-loop-next react-fast-marquee
动画react-move Ant Motion react-spring
页脚rc-footer
水印WaterMark
金额格式化react-number-format react-currency-input-fiel
应用程序框架umi remix refine

推荐产品 ✨#

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

类型推荐产品
文档管理🐦 语雀
图标阿里巴巴矢量图标库
Sketch 插件Kitchen
在线代码编辑codesandbox codepen
图片压缩tinypng
图表分类查询图之典