logoAnt Design

⌘ K
  • Design
  • Development
  • Components
  • Blog
  • Resources
5.3.2
  • Ant Design of React
  • Getting Started
  • Real project with Umi
  • Use in create-react-app
  • Use in TypeScript
  • CSS Compatible
  • Customize Theme
  • Use custom date library
  • V4 to V5
  • Third-Party Libraries
  • Internationalization
  • FAQ
  • Contributing
  • Change Log
Products we are using ✨

Third-Party Libraries

V4 to V5Internationalization

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
yuqueAnt Design in YuQue
Ant Design in Zhihu
Experience Cloud Blog
seeconfSEE Conf-Experience Tech Conference

Help

GitHub
Change Log
FAQ
Bug Report
Issues
Discussions
StackOverflow
SegmentFault

Ant XTechMore Products

yuqueYuQue-Document Collaboration Platform
AntVAntV-Data Visualization
EggEgg-Enterprise Node.js Framework
kitchenKitchen-Sketch Toolkit
xtechAnt Financial Experience Tech
Theme Editor
Made with ❤ by
Ant Group and Ant Design Community

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
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 react-resizable-panels
Split Viewreact-split-pane
Image Cropantd-img-crop react-image-crop
Keywords highlightreact-highlight-words
Text Loopreact-text-loop-next react-fast-marquee
Animationreact-move Ant Motion react-spring
Page Footerrc-footer
Number/Currencyreact-countup react-number-format react-currency-input-field

| Application Frameworks | umi remix refine |

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
Charts Dictionary图之典