Ant Group · Design system breakdown
The de facto enterprise React design system in Asia.
Ant Design grew out of Ant Financial (now Ant Group) in 2015–2016 as a React component library for back-office and enterprise products. It became one of the most-installed React UI libraries in the world, especially across Chinese enterprise software.
Ant Group design and engineering teams own the canonical library. Active community contributors. Major version releases (v4 → v5) are well-coordinated; v5 (2022+) introduced a CSS-in-JS engine and a token system.
| Token | Value | Role |
|---|---|---|
| colorPrimary | #1677ff | Brand action |
| colorTextBase | rgba(0, 0, 0, 0.88) | Default text (light) |
| colorBgContainer | #ffffff | Default container surface |
| borderRadius | 6px | Default radius |
| controlHeight | 32px | Default input/button height |
| fontSize | 14px | Base font size (notably small) |
Token names and values are illustrative — refer to the system's official tokens reference for the canonical, current set.
If you're evaluating this system
Pick Ant Design when you're building enterprise admin tools, internal dashboards, or back-office software where breadth of components and form handling matter more than brand differentiation. For consumer-facing or content-led products, look elsewhere.
Compare more systems