logoAnt Design

⌘ K
  • Design
  • Development
  • Components
  • Blog
  • Resources
5.27.5

Resources

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

Community

Awesome Ant Design
Medium
X
yuque logoAnt Design in YuQue
Ant Design in Zhihu
Experience Cloud Blog
seeconf logoSEE Conf-Experience Tech Conference

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
WeaveFox logoWeaveFox-AI Development with WeaveFox 🦊
xtech logoAnt Financial Experience Tech
Theme Editor
Made with ❤ by
Ant Group and Ant Design Community
bgbg

Ant Design 5.0

Help designers/developers building beautiful products more flexible and working with happiness

Getting StartedDesign Language

Rich components

Practical components to meet your needs, flexible customization and expansion
bg

Design and framework

Supporting ecology, allowing you to quickly build website applications
Design values

Design values

Certainty, Meaningfulness, Growth, Naturalness
Design guide

Design guide

Global style and design pattern
Components Libraries

Components Libraries

Ant Design of React / Angular / Vue
Ant Design Mobile

Ant Design Mobile

Mobile UI component library
AntV

AntV

New generation of data visualization solutions
Kitchen

Kitchen

Sketch Tool set for designers
Ant Design 5.0
Ant Design 5.0 use CSS-in-JS technology to provide dynamic & mix theme ability. And which use component level CSS-in-JS solution get your application a better performance.
Info Text
+ 1 ...
 
Finished
2
In Progress
3
Waiting
0°C26°C37°C100°C
Ant Design 5.0 is released!
Hello, Ant Design!
Ant Design love you!
image-left-topimage-right-bottom
image-left-topimage-right-bottom

Flexible theme customization

Ant Design 5.0 enable extendable algorithm, make custom theme easier
antd logo

Ant Design 5.0

  • Design
    • Design Values
    • Global Styles
    • Themes
    • Design Patterns
  • Development
  2. /
  3. Design
  4. /
  5. Themes

Customize Theme

My Theme
MoreApply
Default
Dark
Document
Blossom
V4 Theme

Modal

Update
Ant Design 5.0
Ant Design 5.0 use CSS-in-JS technology to provide dynamic & mix theme ability. And which use component level CSS-in-JS solution get your application a better performance.

DatePicker

Update

Progress

Update
In Progress
Success
Task Failed

Tour

New
Ant Design 5.0
A quick guide for new come user about how to use app.

FloatButton

New

Alert

Update
Ant Design 5.0
Ant Design 5.0 use CSS-in-JS technology to provide dynamic & mix theme ability. And which use component level CSS-in-JS solution get your application a better performance.