ant-design/ant-design-pro

📈 Trending★ 38,240TypeScriptAudience · developerComplexity · 3/5ActiveLicenseSetup · easy

Mindmap

mindmap
  root((repo))
    What it does
      Admin dashboard template
      Pre-built page layouts
      Authentication patterns
      Mock data included
    Tech Stack
      React 19
      TypeScript
      Umi Max framework
      Ant Design 6
      Tailwind CSS
    Use Cases
      Back-office tools
      Internal dashboards
      Enterprise apps
      Management systems
    Key Features
      Forms and tables
      Internationalization
      Routing setup
      Chart examples

mindmap root((repo)) What it does Admin dashboard template Pre-built page layouts Authentication patterns Mock data included Tech Stack React 19 TypeScript Umi Max framework Ant Design 6 Tailwind CSS Use Cases Back-office tools Internal dashboards Enterprise apps Management systems Key Features Forms and tables Internationalization Routing setup Chart examples

Things people build with this

USE CASE 1

Launch an admin panel for a SaaS product with pre-styled dashboards, user management, and data tables.

USE CASE 2

Build an internal back-office tool for your company with authentication, forms, and reporting pages already structured.

USE CASE 3

Create a multi-language enterprise application with routing, navigation, and mock API responses for rapid prototyping.

USE CASE 4

Set up a business management system with charts, step-by-step forms, and profile pages without designing layouts from scratch.

Tech stack

ReactTypeScriptUmi MaxAnt DesignTailwind CSSNode.js

Getting it running

Difficulty · easy Time to first run · 5min

Use freely for any purpose, including commercial use, as long as you keep the copyright notice and follow the MIT license terms.

In plain English

Ant Design Pro is a ready-made starter template and boilerplate for building enterprise-grade admin dashboards and internal management applications with React. Rather than building a business application's structure from scratch, authentication pages, dashboard layouts, data tables, form pages, profile screens, Ant Design Pro provides all of those as pre-built, polished templates that you can customize for your specific needs. The project is built on top of Ant Design, Alibaba's widely-used component library for React, which provides buttons, tables, modals, forms, and hundreds of other UI components following a consistent design language suited for business software. Ant Design Pro adds the application-level layer: routing, navigation, authentication patterns, mock data for development, internationalization support, and common page templates. The full template includes example pages for dashboards with charts, step forms and advanced forms, searchable list pages, profile pages, error pages, account settings, and even an AI assistant page. Recent versions use React 19, the Umi Max framework for routing and state management, and Tailwind CSS for theming. You would use Ant Design Pro when starting a new admin panel, back-office tool, or internal enterprise application in React and wanting a solid, already-styled foundation with proper routing and page structure already in place. It is especially popular in Chinese companies and projects. The tech stack is TypeScript with React, the Umi framework for build tooling and routing, and Ant Design 6 for UI components. Development starts with npm install and npm start.

Copy-paste prompts

Prompt 1

I want to clone Ant Design Pro and customize the dashboard to show my app's metrics. What files do I edit to change the chart data and page title?

Prompt 2

How do I add a new admin page to Ant Design Pro's routing? Show me the folder structure and the config I need to update.

Prompt 3

I need to replace the mock API calls in Ant Design Pro with real endpoints. Where are the mock data files and how do I swap them for fetch calls?

Prompt 4

Can I use Ant Design Pro as a base for a multi-tenant admin tool? What parts handle user authentication and how do I extend them?

Prompt 5

Show me how to change the theme colors and branding in Ant Design Pro using Tailwind CSS and Ant Design tokens.

Open on GitHub → Explain another repo

Generated 2026-05-18 · Model: sonnet-4-6 · Verify against the repo before relying on details.