Ant Design Pro

Out-of-box enterprise-level React application framework. [![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) [![React Review](https://react.review/api/badge/ant-design/ant-design-pro)](https://react.review/repo/ant-design/ant-design-pro) [![Ant Design](https://badgen.net/badge/icon/Ant%20Design?icon=https://gw.alipayobjects.com/zos/antfincdn/Pp4WPgVDB3/KDpgvguMpGfqaHPjicRK.svg&label)](https://ant.design/) 🇺🇸 English | [🇨🇳 中文](./README.zh-CN.md) light theme

light theme

dark theme

- **Preview**: https://preview.pro.ant.design - **Documentation**: [cheatsheet](./docs/cheatsheet.en-US.md) | [FAQ](./docs/cheatsheet.en-US.md#faq) - **Changelog**: [Releases](https://github.com/ant-design/ant-design-pro/releases) - **v6 Released!** — [What's new](https://github.com/ant-design/ant-design-pro/releases/tag/v6.0.0) ## Features - **TypeScript** — Full type safety out of the box - **Ant Design 6** — Enterprise-grade UI components - **Umi Max 4** — Convention-over-configuration framework with utoopack - **React 19** — Latest React with concurrent features - **Tailwind CSS v4 + antd-style** — Flexible theming with CSS tokens - **Internationalization** — Built-in i18n for 8 locales - **Mock Development** — Co-located mock files for rapid prototyping - **AI Assistant** — Built-in chatbot page powered by [Ant Design X](https://x.ant.design/) - **Best Practices** — Biome linting, unit & e2e tests, CI/CD ready ## Templates Dashboard (Analysis, Monitor, Workplace) · Form (Basic, Step, Advanced) · List (Search, Table, Basic, Card) · Profile (Basic, Advanced) · Result (Success, Fail) · Exception (403, 404, 500) · Account (Center, Settings) · AI Assistant · User (Login, Register) ## Quick Start ```bash # Clone the repository git clone --depth=1 https://github.com/ant-design/ant-design-pro.git myapp cd myapp # Install dependencies npm install # Start development server npm start ``` To get a minimal version without the demo pages: ```bash npm run simple ``` > **Note**: `npm run simple` is irreversible — it permanently deletes demo files. ### Build ```bash npm run build ``` ## Contributing We welcome all contributions. Please submit [issues](https://github.com/ant-design/ant-design-pro/issues) for bugs or questions, or open [pull requests](https://github.com/ant-design/ant-design-pro/pulls) to improve the code.

Contribution Leaderboard