logoAnt Design

⌘ K
  • 设计
  • 研发
  • 组件
  • 博客
  • 资源
  • 国内镜像
5.25.0
  • Ant Design of React
  • 更新日志
    v5.25.0
  • 如何使用
    • 快速上手
    • 在 Vite 中使用
    • 在 Next.js 中使用
      Updated
    • 在 Umi 中使用
    • 在 Rsbuild 中使用
    • 在 Farm 中使用
    • 使用 Refine
  • 进阶使用
    • 定制主题
    • 样式兼容
    • 服务端渲染
    • 使用 CSS 变量
      New
    • 使用自定义日期库
    • 国际化
    • 通用属性
    • React 19 兼容
      New
  • 迁移
    • 从 v4 到 v5
    • 从 Less 变量到 Design Token
  • 其他
    • 社区精选组件
    • 贡献指南
    • FAQ

社区精选组件

相关资源

Ant Design X
Ant Design Charts
Ant Design Pro
Pro Components
Ant Design Mobile
Ant Design Mini
Ant Design Web3
Ant Design Landing-首页模板集
Scaffolds-脚手架市场
Umi-React 应用开发框架
dumi-组件/文档研发工具
qiankun-微前端框架
Ant Motion-设计动效
国内镜像站点 🇨🇳

社区

Awesome Ant Design
Medium
Twitter
yuque logoAnt Design 语雀专栏
Ant Design 知乎专栏
体验科技专栏
seeconf logoSEE Conf-蚂蚁体验科技大会
加入我们

帮助

GitHub
更新日志
常见问题
报告 Bug
议题
讨论区
StackOverflow
SegmentFault

Ant XTech logo更多产品

yuque logo语雀-构建你的数字花园
AntV logoAntV-数据可视化解决方案
Egg logoEgg-企业级 Node.js 框架
Kitchen logoKitchen-Sketch 工具集
Galacean logoGalacean-互动图形解决方案
xtech logo蚂蚁体验科技
主题编辑器
Made with ❤ by
蚂蚁集团和 Ant Design 开源社区
loading

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-virtual-list react-infinite-scroll-component
地图google-map-react @uiw/react-amap 高德地图
视频播放react-player video-react video.js
右键菜单react-contexify
Emojiemoji-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
PDFreact-pdf @react-pdf/renderer
React 手势库use-gesture

推荐产品 ✨

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

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