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

Third-Party Libraries

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 is built to implement a set of high-quality React UI components which follow Ant Design specification. It is impossible to include all useful components in one package, so we also recommend that using other great third-party libraries in React community.

CategoryRecommended Components
Visualization and chartsAnt Design Charts AntV Data Visualization reactflow
React Hooks Libraryahooks
React Form LibraryProForm Formily react-hook-form formik
Routerreact-router
Layoutreact-grid-layout react-grid-system rc-dock
Drag and dropdnd-kit react-beautiful-dnd react-dnd
Code Editorreact-codemirror2 react-monaco-editor
Rich Text Editorreact-quill
JSON Viewerreact-json-view
Color Pickerreact-colorful react-color
Media Queryreact-responsive
Copy to clipboardreact-copy-to-clipboard
Document head managerreact-helmet-async
Iconsreact-fontawesome react-icons
QR Codeqrcode.react
Top Progress Barreact-nprogress
i18nFormatJS react-i18next
Code highlightreact-syntax-highlighter
Markdown rendererreact-markdown
Infinite Scrollrc-virtual-list react-infinite-scroll-component
Mapgoogle-map-react @uiw/react-amap
Videoreact-player video-react video.js
Context Menureact-contexify
Emojiemoji-mart
Split Viewreact-split-pane react-resizable-panels
Image Cropantd-img-crop react-image-crop
Keywords highlightreact-highlight-words
Text Loopreact-text-loop-next react-fast-marquee
Animationframer-motion Ant Motion react-spring
Page Footerrc-footer
Number/Currencyreact-countup react-number-format react-currency-input-field
Application Frameworksumi remix refine
Flow-based UIpro-flow react-flow x6
Phone Inputreact-phone-number-input antd-phone-input
AI Chatpro-chat
PDFreact-pdf @react-pdf/renderer

Products we are using ✨

There are some products to recommend for developer/designer/product manager.

CategoryRecommended Products
Documentation🐦 Yuque
IconIconfont
Sketch pluginKitchen
Online Playgroundcodesandbox codepen
Image Compressortinypng