GStars
    ant-design

    ant-design/ant-design-pro

    πŸ‘¨πŸ»β€πŸ’»πŸ‘©πŸ»β€πŸ’» Use Ant Design like a Pro!

    analytics
    frontend
    admin
    ant-design
    antd
    antv
    boilerplate
    dashboard
    enterprise
    react
    umi
    TypeScript
    MIT
    37.9K stars
    8.2K forks
    37.9K watching
    Updated 2/27/2026
    View on GitHub
    Backblaze Advertisement

    Loading star history...

    Health Score

    5.6

    Weekly Growth

    +0

    +0.0% this week

    Contributors

    1

    Total contributors

    Open Issues

    173

    Generated Insights

    About ant-design-pro

    Language: πŸ‡ΊπŸ‡Έ | πŸ‡¨πŸ‡³ | πŸ‡·πŸ‡Ί | πŸ‡ΉπŸ‡· | πŸ‡―πŸ‡΅ | πŸ‡«πŸ‡· | πŸ‡΅πŸ‡Ή | πŸ‡ΈπŸ‡¦ | πŸ‡ͺπŸ‡Έ

    Ant Design Pro

    An out-of-box UI solution for enterprise applications as a React boilerplate.

    CI Preview Deploy Build With Umi Checked with Biome

    light theme preview dark theme preview

    Features

    • :bulb: TypeScript: A language for application-scale JavaScript
    • :scroll: Blocks: Build page with block template
    • :gem: Neat Design: Follow Ant Design specification
    • :triangular_ruler: Common Templates: Typical templates for enterprise applications
    • :rocket: State of The Art Development: Newest development stack of React/umi/dva/antd
    • :iphone: Responsive: Designed for variable screen sizes
    • :art: Theming: Customizable theme with simple config
    • :globe_with_meridians: International: Built-in i18n solution
    • :gear: Best Practices: Solid workflow to make your code healthy
    • :1234: Mock development: Easy to use mock development solution
    • :white_check_mark: UI Test: Fly safely with unit and e2e tests

    Templates

    - Dashboard
      - Analytic
      - Monitor
      - Workspace
    - Form
      - Basic Form
      - Step Form
      - Advanced From
    - List
      - Standard Table
      - Standard List
      - Card List
      - Search List (Project/Applications/Article)
    - Profile
      - Simple Profile
      - Advanced Profile
    - Account
      - Account Center
      - Account Settings
    - Result
      - Success
      - Failed
    - Exception
      - 403
      - 404
      - 500
    - User
      - Login
      - Register
      - Register Result
    

    Usage

    Use bash

    We provide pro-cli to quickly initialize scaffolding.

    # use npm
    npm i @ant-design/pro-cli -g
    pro create myapp
    

    Choose the pro template. Simple is the basic template, which only provides the basic content of the framework operation. Complete contains all blocks, which is not suitable for secondary development as a basic template.

    ? πŸš€ Full or a simple scaffold? (Use arrow keys)
    ❯ simple
      complete
    

    Initialized Git repository:

    $ git init myapp
    

    Install dependencies:

    $ cd myapp && tyarn
    // or
    $ cd myapp && npm install
    

    Browsers support

    Modern browsers.

    Edge
    Edge
    Firefox
    Firefox
    Chrome
    Chrome
    Safari
    Safari
    Opera
    Opera
    Edgelast 2 versionslast 2 versionslast 2 versionslast 2 versions

    Contributing

    Any type of contribution is welcome, here are some examples of how you may contribute to this project:

    • Use Ant Design Pro in your daily work.
    • Submit issues to report bugs or ask questions.
    • Propose pull requests to improve our code.
    Contribution Leaderboard

    Discover Repositories

    Search across tracked repositories by name or description