Ant Design Pro

An out-of-box UI solution for enterprise applications as a React boilerplate. [![CI](https://github.com/ant-design/ant-design-pro/actions/workflows/ci.yml/badge.svg)](https://github.com/ant-design/ant-design-pro/actions/workflows/ci.yml) [![GitHub release](https://img.shields.io/github/v/release/ant-design/ant-design-pro.svg)](https://github.com/ant-design/ant-design-pro/releases) [![Build With Utoo](https://img.shields.io/badge/build%20with-utoo-028fe4.svg)](https://utoo.land) [![Build With Umi](https://img.shields.io/badge/build%20with-umi-028fe4.svg)](https://umijs.org/) [![Checked with Biome](https://img.shields.io/badge/Checked_with-Biome-60a5fa?style=flat&logo=biome)](https://biomejs.dev) [![Ant Design](https://badgen.net/badge/icon/Ant%20Design?icon=https://gw.alipayobjects.com/zos/antfincdn/Pp4WPgVDB3/KDpgvguMpGfqaHPjicRK.svg&label)](https://ant.design/) Language: English | [简体中文](./README.zh-CN.md) light theme preview

- Preview: https://preview.pro.ant.design - Documentation: [docs/cheatsheet.en-US.md](./docs/cheatsheet.en-US.md) - ChangeLog: https://github.com/ant-design/ant-design-pro/releases - FAQ: [docs/cheatsheet.en-US.md#faq](./docs/cheatsheet.en-US.md#faq) - **v6 Released!** — [What's new in v6](https://github.com/ant-design/ant-design-pro/releases/tag/v6.0.0) ## Features - :bulb: **TypeScript**: A language for application-scale JavaScript - :scroll: **Blocks**: Build page with block template - :gem: **Neat Design**: Built on [Ant Design 6](https://ant.design/) specification - :triangular_ruler: **Common Templates**: Typical templates for enterprise applications - :rocket: **State of The Art Development**: Newest development stack of React 19/[Umi Max 4](https://umijs.org/)/[antd 6](https://ant.design/)/[utoopack](https://utoo.land) - :iphone: **Responsive**: Designed for variable screen sizes - :art: **Theming**: Customizable theme with [Tailwind CSS v4](https://tailwindcss.com/) + [antd-style](https://github.com/ant-design/antd-style) - :globe_with_meridians: **International**: Built-in i18n solution - :gear: **Best Practices**: Solid workflow to make your code healthy - :1234: **Mock development**: Easy to use mock development solution - :robot: **AI Assistant**: Built-in AI chatbot page powered by [Ant Design X](https://x.ant.design/) - :white_check_mark: **UI Test**: Fly safely with unit and e2e tests ## Templates ``` - Welcome - Dashboard - Analysis - Monitor - Workplace - Form - Basic Form - Step Form - Advanced Form - List - Search List (Articles/Projects/Applications) - Table List - Basic List - Card List - Profile - Basic Profile - Advanced Profile - Result - Success - Fail - Exception - 403 - 404 - 500 - Account - Account Center - Account Settings - AI Assistant - User - Login - Register - Register Result ``` ## Usage ### Get Started Clone or download this repository to your local machine: ```bash git clone --depth=1 https://github.com/ant-design/ant-design-pro.git myapp cd myapp ``` ### Installation ```bash npm install ``` ### Development ```bash # Start development server (full version by default) npm start ``` ### Simplify to Simple Version This project includes all blocks by default. If you need a minimal version, run: ```bash npm run simple ``` This will: - Remove extra page directories (dashboard, form, list/*, profile, result, exception, account, etc.) - Remove extra mock files - Replace routes with simple version - Remove extra dependencies from package.json **Note**: This operation is irreversible and will permanently delete files. ### Build ```bash npm run build ``` ## AI Skills (Claude Code) This project ships with two built-in [Claude Code Skills](https://docs.anthropic.com/en/docs/claude-code/skills) in `.claude/skills/`: | Skill | Trigger | Description | |---|---|---| | `/pro-upgrade` | "upgrade pro", "update to latest" | Auto-upgrade to the latest Ant Design Pro version. Diffs the latest template, merges framework changes while preserving your business code. | | `/antd` | antd-related code or questions | Query antd component APIs, props, tokens, demos; lint for deprecated usage; migrate between versions — all via `@ant-design/cli`. | **Usage in Claude Code:** ```bash # Upgrade the project to latest Pro version /pro-upgrade # Query antd component info, debug issues, run lint, etc. /antd ``` > 💡 If your project was cloned from this repo, these skills are already included — no installation needed. To get the latest skill definitions, pull the updates from the template or run `npx skills add ant-design/ant-design-pro` to refresh them. ## Browsers support Modern browsers. | [

](http://godban.github.io/browsers-support-badges/)
Edge | [

](http://godban.github.io/browsers-support-badges/)
Firefox | [

](http://godban.github.io/browsers-support-badges/)
Chrome | [

](http://godban.github.io/browsers-support-badges/)
Safari | | --- | --- | --- | --- | | Edge | last 2 versions | last 2 versions | last 2 versions | ## Contributing Any type of contribution is welcome, here are some examples of how you may contribute to this project: - Use Ant Design Pro in your daily work. - Submit [issues](http://github.com/ant-design/ant-design-pro/issues) to report bugs or ask questions. - Propose [pull requests](http://github.com/ant-design/ant-design-pro/pulls) to improve our code.