ant-design/ant-design-pro

Analysis updated 2026-06-20

★ 38,169TypeScriptAudience · developerComplexity · 3/5LicenseSetup · moderate

Mindmap

mindmap
  root((Ant Design Pro))
    What it does
      Admin dashboard starter
      Pre-built page templates
      Auth and routing
    Tech Stack
      TypeScript
      React
      Umi framework
      Ant Design 6
      Tailwind CSS
    Use Cases
      Back-office tools
      Management panels
      Enterprise apps
    Audience
      React developers
      Enterprise teams
    Features
      Mock data
      i18n support
      Charts included

mindmap root((Ant Design Pro)) What it does Admin dashboard starter Pre-built page templates Auth and routing Tech Stack TypeScript React Umi framework Ant Design 6 Tailwind CSS Use Cases Back-office tools Management panels Enterprise apps Audience React developers Enterprise teams Features Mock data i18n support Charts included

Click or tap to explore — scroll the page freely

What do people build with it?

USE CASE 1

Bootstrap a new back-office admin panel with login, navigation, and dashboard pages already built and styled.

USE CASE 2

Build an internal business tool with data tables, search, and form pages using Ant Design's component library.

USE CASE 3

Start a management application where Ant Design's design language is the team standard.

USE CASE 4

Get routing, authentication patterns, mock data, and internationalization set up from day one without manual configuration.

What is it built with?

TypeScriptReactUmiAnt DesignTailwind CSS

How does it compare?

	ant-design/ant-design-pro	vadimdemedes/ink	rssnext/folo
Stars	38,169	38,214	38,232
Language	TypeScript	TypeScript	TypeScript
Setup difficulty	moderate	easy	moderate
Complexity	3/5	2/5	3/5
Audience	developer	developer	general

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires Node.js and familiarity with React, first run downloads many dependencies and can be slow.

MIT, use freely including in commercial internal tools, with no restrictions beyond keeping the copyright notice.

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'm starting a new admin dashboard using Ant Design Pro. Walk me through cloning the template, running it locally, and adding a new page with a data table and a search form.

Prompt 2

How do I replace the mock data in Ant Design Pro with real API calls to my backend? Show me where the data layer lives and how to swap it out.

Prompt 3

I want to add role-based access control to Ant Design Pro so certain pages are only visible to admin users. How do I implement that in the routing config?

Prompt 4

Show me how to customize the Ant Design Pro theme, change the primary color, layout, and sidebar, using Tailwind CSS and the Umi config.

Frequently asked questions

What is ant-design-pro?

A ready-made React starter template for building enterprise admin dashboards and internal tools, with pre-built pages for authentication, data tables, forms, and charts so you start from a polished foundation.

What language is ant-design-pro written in?

Mainly TypeScript. The stack also includes TypeScript, React, Umi.

What license does ant-design-pro use?

MIT, use freely including in commercial internal tools, with no restrictions beyond keeping the copyright notice.

How hard is ant-design-pro to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is ant-design-pro for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub ant-design on gitmyhub

Verify against the repo before relying on details.