Ant Design Pro v6 is here!
It's been almost five years since v5. The frontend world has changed dramatically—React 18/19 brought concurrent rendering, antd evolved from v4 to v6, build tools moved from webpack to Turbopack, and CSS-in-JS and Tailwind became mainstream. v6 does two things: fully embraces the latest tech stack, and cleans up legacy baggage.
🌟 The Ecosystem Behind v6
- Ant Design V6 — Enterprise design system. Pro v6 adopts antd 6 with CSS variable mode (cssVar) enabled, supporting Default, Dark, Glass, and other style presets with improved rendering performance.
- Ant Design X — AI interface solution built on the RICH design paradigm, seamlessly blending GUI with natural language interaction. Pro v6's built-in AI Assistant page is powered by Ant Design X, ready to use out of the box.
- Ant Design CLI — Official CLI tool (
npx antd) for querying component APIs, grabbing demo code, and diagnosing project config. Integrated in Pro v6 — no more digging through docs.
- utoo — Rust-powered build engine on Turbopack, delivering lightning-fast cold starts and millisecond-level HMR. Pro v6 uses utoopack by default, achieving ~42% faster production builds.
🚀 Framework Upgrades
React 19 + antd 6
v6 is built on React 19 and antd 6. React 19's concurrent features and Server Components, antd 6's design system updates and CSS variable theming — capabilities that were out of reach in v5, now available out of the box.
Umi Max 4
v5 already used Umi Max; v6 upgrades to @umijs/max 4, bringing utoopack as the default build engine and a more polished plugin system:
- import { useModel } from 'umi';
+ import { useModel, request, useAccess, getLocale, useIntl } from '@umijs/max';ProComponents v3
Consolidated from separate @ant-design/pro-table, @ant-design/pro-form, @ant-design/pro-layout packages into a single @ant-design/pro-components v3. One package for all your admin UI needs — no more version mismatch headaches.
💎 Style System Overhaul
v5's styles were built on Less — a wise choice early on, but Less maintenance has steadily declined. v6 fully embraces modern CSS:
- Tailwind CSS v4: Utility-first CSS that eliminates the need for custom layout and spacing styles
- antd-style v4: CSS-in-JS with direct antd Design Token access, zero-cost theme switching
- CSS Modules: Component-scoped styles without naming conflicts
CSS variable mode (cssVar) is also enabled, supporting dynamic theming with improved rendering performance.
⚡ Build Performance
v5 used mfsu (webpack 5) for dependency pre-compilation. v6 switches to utoopack (Turbopack + Rust core), delivering significantly faster builds:
| Version |
Build Tool |
Production Build |
| v5.2.0 |
webpack 5 (mfsu) |
~15.5s |
| v6.0.0 |
utoopack (Turbopack) |
~9.0s |
Tested on: Apple M-series, Node 22
Production builds are ~42% faster, with even more noticeable gains in dev cold starts and HMR. Route prefetching (routePrefetch) is also enabled for smoother page transitions.
🤖 AI Capabilities
v6 adds an AI Assistant page built with Ant Design X. It's a ready-to-use chat interface example demonstrating how to integrate AI conversations into a Pro project.
🔧 Modern Tooling
- Biome replaces ESLint + Prettier — one tool for lint + format, 10x+ faster, goodbye to a sea of config files
- React Query replaces useRequest — caching, deduplication, optimistic updates, infinite scroll, all built-in
- yorkie → husky · moment → dayjs · lodash → native API / clsx · Class → functional components
- Docker configs removed · pro-cli → git clone + npm run simple
🌐 Cloudflare Worker Backend
The demo API is now on Cloudflare Workers (Hono). The cloudflare-worker/ directory is fully decoupled from the main project with its own package.json and tsconfig.json, and can be deployed independently.
📊 D3 Map Visualization
The monitor page map replaces @antv/L7 with a D3 hex-tile approach. L7 required a separate Mapbox token, which was unfriendly for demos and local development. D3 works with zero configuration.
📖 Cheatsheet (Replacing pro.ant.design)
v6 replaces the legacy pro.ant.design documentation site with built-in Cheatsheet docs. The documentation lives as Markdown files in the repo (docs/cheatsheet.zh-CN.md / docs/cheatsheet.en-US.md) and is rendered directly on the Welcome page via @ant-design/x-markdown, with syntax highlighting and dark mode support.
Topics covered: v6 highlights, quick start, routing & menus, layout, data flow, requests, access control, i18n, styling, testing & debugging, FAQ — everything previously scattered across pro.ant.design is now built into the project, searchable without leaving the app.
🔄 Upgrade Guide
v6 is a major version upgrade with comprehensive framework and dependency changes. We recommend creating a fresh v6 project and migrating your business code incrementally:
- Dependencies:
umi → @umijs/max, separate ProComponents → @ant-design/pro-components
- Styles: Less → Tailwind + antd-style + CSS Modules
- Imports:
from 'umi' → from '@umijs/max'
- Data fetching:
useRequest → @tanstack/react-query
- Linting: ESLint + Prettier → Biome
- Dates: moment → dayjs
git clone --depth=1 https://github.com/ant-design/ant-design-pro.git myapp
cd myapp
npm install
npm run simple # Strip to minimal template
🙏 Acknowledgments
Thanks to all 100+ contributors who made this release possible over nearly five years. Special thanks to @chenshuai2144 for foundational work on the v6 betas, and to every community member who submitted PRs, reported issues, and joined discussions.
Full Changelog
Core Framework Upgrades
Style System
Build & Tooling
New Features
Architecture
Documentation & Project
Bug Fixes
Internationalization
Dependency Updates
- @umijs/max → 4.6.49
- @biomejs/biome → 2.4.13
- express → 5.2.1
- Jest → 30.x
- cross-env → 10.1.0
- gh-pages → 6.3.0
- highlight.js (added)
Full Changelog: v5.2.0...v6.0.0
Ant Design Pro v6 is here!
It's been almost five years since v5. The frontend world has changed dramatically—React 18/19 brought concurrent rendering, antd evolved from v4 to v6, build tools moved from webpack to Turbopack, and CSS-in-JS and Tailwind became mainstream. v6 does two things: fully embraces the latest tech stack, and cleans up legacy baggage.
🌟 The Ecosystem Behind v6
npx antd) for querying component APIs, grabbing demo code, and diagnosing project config. Integrated in Pro v6 — no more digging through docs.🚀 Framework Upgrades
React 19 + antd 6
v6 is built on React 19 and antd 6. React 19's concurrent features and Server Components, antd 6's design system updates and CSS variable theming — capabilities that were out of reach in v5, now available out of the box.
Umi Max 4
v5 already used Umi Max; v6 upgrades to @umijs/max 4, bringing utoopack as the default build engine and a more polished plugin system:
ProComponents v3
Consolidated from separate
@ant-design/pro-table,@ant-design/pro-form,@ant-design/pro-layoutpackages into a single@ant-design/pro-componentsv3. One package for all your admin UI needs — no more version mismatch headaches.💎 Style System Overhaul
v5's styles were built on Less — a wise choice early on, but Less maintenance has steadily declined. v6 fully embraces modern CSS:
CSS variable mode (cssVar) is also enabled, supporting dynamic theming with improved rendering performance.
⚡ Build Performance
v5 used mfsu (webpack 5) for dependency pre-compilation. v6 switches to utoopack (Turbopack + Rust core), delivering significantly faster builds:
Production builds are ~42% faster, with even more noticeable gains in dev cold starts and HMR. Route prefetching (
routePrefetch) is also enabled for smoother page transitions.🤖 AI Capabilities
v6 adds an AI Assistant page built with Ant Design X. It's a ready-to-use chat interface example demonstrating how to integrate AI conversations into a Pro project.
🔧 Modern Tooling
🌐 Cloudflare Worker Backend
The demo API is now on Cloudflare Workers (Hono). The
cloudflare-worker/directory is fully decoupled from the main project with its ownpackage.jsonandtsconfig.json, and can be deployed independently.📊 D3 Map Visualization
The monitor page map replaces @antv/L7 with a D3 hex-tile approach. L7 required a separate Mapbox token, which was unfriendly for demos and local development. D3 works with zero configuration.
📖 Cheatsheet (Replacing pro.ant.design)
v6 replaces the legacy pro.ant.design documentation site with built-in Cheatsheet docs. The documentation lives as Markdown files in the repo (
docs/cheatsheet.zh-CN.md/docs/cheatsheet.en-US.md) and is rendered directly on the Welcome page via @ant-design/x-markdown, with syntax highlighting and dark mode support.Topics covered: v6 highlights, quick start, routing & menus, layout, data flow, requests, access control, i18n, styling, testing & debugging, FAQ — everything previously scattered across pro.ant.design is now built into the project, searchable without leaving the app.
🔄 Upgrade Guide
v6 is a major version upgrade with comprehensive framework and dependency changes. We recommend creating a fresh v6 project and migrating your business code incrementally:
umi→@umijs/max, separate ProComponents →@ant-design/pro-componentsfrom 'umi'→from '@umijs/max'useRequest→@tanstack/react-query🙏 Acknowledgments
Thanks to all 100+ contributors who made this release possible over nearly five years. Special thanks to @chenshuai2144 for foundational work on the v6 betas, and to every community member who submitted PRs, reported issues, and joined discussions.
Full Changelog
Core Framework Upgrades
Style System
Build & Tooling
New Features
Architecture
Documentation & Project
Bug Fixes
Internationalization
Dependency Updates
Full Changelog: v5.2.0...v6.0.0