logoAnt Design

⌘ K
  • 디자인
  • 개발
  • 컴포넌트
  • 블로그
  • 자료
5.21.3
  • React의 Ant Design
  • Ant Design of React
  • Ant Design of React
  • Changelog
    v5.21.3
  • 기본 사용법
    • 시작하기
    • Next.js에서 사용하기
      Updated
  • 如何使用
    • 在 create-react-app 中使用
    • 在 Vite 中使用
    • 在 Next.js 中使用
      Updated
    • 在 Umi 中使用
    • 在 Rsbuild 中使用
      New
    • 在 Farm 中使用
      New
    • 使用 Refine
      New
  • 迁移
    • 从 Less 变量到 Design Token
  • Basic Usage
    • Usage with create-react-app
    • Usage with Vite
    • Usage with Next.js
      Updated
    • Usage with Umi
    • Usage with Rsbuild
      New
    • Usage with Farm
      New
    • Usage with Refine
      New
  • 고급기능
    • 테마 커스터마이징
    • CSS 호환성
    • 서버 사이드 렌더링
    • 커스텀 날짜 라이브러리 사용하기
  • 进阶使用
    • 定制主题
    • 使用 CSS 变量
      New
  • Advanced
    • Customize Theme
    • CSS Variables
      New
    • Internationalization
    • Common Props
  • Migration
    • V4 to V5
    • Less variables to Component Token
  • 其他
    • 社区精选组件
    • 贡献指南
    • FAQ
  • Other
    • Third-Party Libraries
    • Contributing
    • FAQ

社区精选组件

Resources

Ant Design Charts
Ant Design Pro
Ant Design Pro Components
Ant Design Mobile
Ant Design Mini
Ant Design Landing-Landing Templates
Scaffolds-Scaffold Market
Umi-React Application Framework
dumi-Component doc generator
qiankun-Micro-Frontends Framework
ahooks-React Hooks Library
Ant Motion-Motion Solution
China Mirror 🇨🇳

Community

Awesome Ant Design
Medium
Twitter
yuque logoAnt Design in YuQue
Ant Design in Zhihu
Experience Cloud Blog
seeconf logoSEE Conf-Experience Tech Conference
Work with Us

Help

GitHub
Change Log
FAQ
Bug Report
Issues
Discussions
StackOverflow
SegmentFault

Ant XTech logoMore Products

yuque logoYuQue-Document Collaboration Platform
AntV logoAntV-Data Visualization
Egg logoEgg-Enterprise Node.js Framework
Kitchen logoKitchen-Sketch Toolkit
Galacean logoGalacean-Interactive Graphics Solution
xtech logoAnt Financial Experience Tech
Theme Editor
Made with ❤ by
Ant Group and Ant Design Community
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-mart
分割面板react-split-pane react-resizable-panels
图片裁切antd-img-crop react-image-crop
关键字高亮react-highlight-words
文字轮播react-text-loop-next react-fast-marquee
动画framer-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 对话界面pro-chat
PDFreact-pdf @react-pdf/renderer

推荐产品 ✨

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

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