Repolode
Submit
ant-design

ant-design/ant-design-pro

An out-of-the-box React admin boilerplate built on Ant Design, Umi Max and TypeScript, with ready-made enterprise page templates.

View on GitHubWebsite
Stars
38,937
Forks
8,246
Open issues
55
Last commit
3 days ago

What is it?

Ant Design Pro is a React starter kit for enterprise back-office applications. It combines Ant Design components with the Umi Max framework and TypeScript, so developers begin with a working layout, routing, and a set of common pages instead of assembling them from scratch.

The template includes dashboard, form, list, profile, result, exception, account and login pages, along with an AI assistant chat page built on Ant Design X. Theming uses Tailwind CSS v4 and antd-style, and the project includes built-in i18n, mock data for development, and unit and e2e tests. A `npm run simple` command can strip the project down to a minimal version.

The project targets React 19, Ant Design 6 and the utoopack build tooling, and it ships with Claude Code skills for upgrading the template and querying antd APIs.

Key features

  • 01Pre-built templates for dashboards, forms, lists, profiles and result pages
  • 02Built on Ant Design 6 with React 19 and Umi Max 4
  • 03Theming with Tailwind CSS v4 and antd-style
  • 04Built-in i18n and mock data for development
  • 05Unit and e2e test setup included
  • 06One-command simplification to a minimal version

Use cases

  • Starting a new internal admin or back-office system on Ant Design
  • Prototyping management dashboards with common CRUD-style pages
  • Learning how a production-style React and Umi project is structured

Quick start

  1. 1

    Clone the repository

    git clone --depth=1 https://github.com/ant-design/ant-design-pro.git myapp
  2. 2

    Enter the project folder

    cd myapp
  3. 3

    Install dependencies

    npm install
  4. 4

    Start the development server

    npm start

Things to know

  • Ships with many template pages by default, so a minimal setup requires running the irreversible npm run simple command.

Topics

#react#ant-design#admin-dashboard#typescript#boilerplate#umi#enterprise#admin#antd#antv

FAQ

What is ant-design-pro?
An out-of-the-box React admin boilerplate built on Ant Design, Umi Max and TypeScript, with ready-made enterprise page templates. Ant Design Pro is a React starter kit for enterprise back-office applications. It combines Ant Design components with the Umi Max framework and TypeScript, so developers begin with a working layout, routing, and a set of common pages instead of assembling them from scratch.
Is ant-design-pro free to use? What license does it have?
ant-design-pro is open source under the MIT license. Check the license terms before using it in commercial products.
Is ant-design-pro still maintained?
Actively maintained. The last commit to ant-design-pro was on Nov 4, 2026.
What can I use ant-design-pro for?
Starting a new internal admin or back-office system on Ant Design Prototyping management dashboards with common CRUD-style pages Learning how a production-style React and Umi project is structured
How do I install ant-design-pro?
Clone the repository: git clone --depth=1 https://github.com/ant-design/ant-design-pro.git myapp Enter the project folder: cd myapp Install dependencies: npm install Start the development server: npm start
Where can I get ant-design-pro?
The source code and installation instructions are on GitHub: https://github.com/ant-design/ant-design-pro

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects