Skip to content
Get packs

Ant Design Pro

A React starter template with admin-style pages built on Ant Design.

GitHub Download v6.0.3
Stars
38.9k
Forks
8.2k
Licence
MIT
Language
TypeScript
Last update
8 days ago
Type
Framework

What it is

Ant Design Pro is a starter project for building enterprise web applications in React and TypeScript. It comes with ready-made page templates such as dashboards, forms, lists, profiles, and login screens, built on the Ant Design component library. Developers use it as a starting point so they do not have to set up the layout, routing, and common pages from scratch.

  • Start a new admin dashboard with a prebuilt analysis or monitor page
  • Adapt a form or table list template to your own business data
  • Use the built-in mock setup to prototype screens without a backend
  • Remove unused pages with the included simple-version command before building a smaller app

Great for

  • Developers building internal admin dashboards or back-office tools in React
  • Teams who want to start from Ant Design components and page templates
  • Developers who want a mock data setup for building screens before a backend exists
  • Teams that want a starting point with built-in tests and a lint workflow

Not ideal for

  • People who are not comfortable with React, TypeScript, or the command line, since setup and customization assume developer skills
  • Projects that do not use Ant Design or React, because the template is built around both
  • Teams that need very small static sites, since the template ships with a large set of pages and dependencies
Step-by-step guide: how to use Ant Design ProInstall, first run, examples, tips and FAQs
Ant Design Pro alternativesAnt Design Pro vs TablerAnt Design Pro vs refineAnt Design Pro vs react-adminAnt Design Pro vs ngx-adminAnt Design Pro vs iView AdminAnt Design Pro vs umiAnt Design Pro vs go-adminAnt Design Pro vs d2-admin

How to get it

  1. 1

    Clone and build from source

    You'll need: Node.js (version not specified in the README) · npm

    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
  2. 2

    Run it

    • Clone the repository and change into the project folder
    • Run npm install to fetch dependencies
    • Run npm start to launch the development server
    • Run npm run build when you are ready to produce a production build
  3. 3

    Get the most out of it

    • Use npm run simple if you want a minimal version without the extra template pages (this deletes files)
    • Browse the templates list in the README to pick the pages closest to your needs
    • Read docs/cheatsheet.en-US.md for documentation and the FAQ
    • Use the included Claude Code skills, such as /pro-upgrade and /antd, if you work with Claude Code
    • Review the built-in AI assistant page if you want an example of Ant Design X integration

Downloads

Source code (.zip)master branch · straight from GitHubRelease v6.0.3Release notes and sourceOfficial website & docspro.ant.design

Strengths

  • Ships with many common enterprise page templates, so the starting layout is largely done
  • Built on Ant Design and Umi Max, with TypeScript throughout
  • Includes mock development, i18n, and unit and e2e test setup as described in the README

Trade-offs

  • The README is short on detail for each template, so you will need to read the code and docs to learn how pieces fit together
  • The simple-version command deletes files permanently and cannot be undone
  • Targets modern browsers only, as listed in the README

How it compares

ProjectStarsTypeLevelUpdatedBest for
ant-design-pro (this)38.9kFrameworkintermediate8 days agoDevelopers building internal admin dashboards or back-office tools in React
refine36kFrameworkintermediate2 months agoDevelopers building internal admin panels or back-office tools in React
react-admin27kFrameworkintermediate4 days agoDevelopers building internal admin panels or back-office tools on top of an existing API
tabler42kLibrarybeginner7 days agoDevelopers building internal admin panels or dashboards quickly
ant-design-vue-pro10.9kAppintermediate1.1 years agoDevelopers building internal admin panels or dashboards on Vue 2
ngx-admin25.7kFrameworkintermediate2.1 years agoDevelopers starting a new Angular admin or back-office dashboard

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.