Ant Design

GitHub repository ↗ synced 2026/8/9

                                                                       ---.
      ╭───╮╭──╮  ╭──╮   ╭──╮ ╭───╮  ╭──╮  ╭─── ───╮   ╭──╮            -..  \
     /    ││  │──│  │  / ╭─╯/ ╭──╯ /    \ │   │   │  / ╭─╯              _|_|_
    │  o  ││  │  │  │ /  ╰─(   \─╮│      ││ ─   ─ │ /  ╰─╮            /  O    \
    │     ││  │  │  ││   ╭─╯\__  ││   O  ││  \_/  ││   ╭─╯            \_______/
    │  _  ││  `  '  ││   ╰─╮/  \ ││      ││   │   ││   ╰─╮               /   \
    │  │  │ \      / │     │\    │ \    / │   │   ││     │               \/   \
    ╰──┴──╯  ╰──╯─╯  ╰─────╯ ╰───╯  ╰──╯  ╰───╯───╯╰─────╯               /'---'\
                                                                    ____/  |     \_____
      ╭───╮╭───╮  ╭──────╮   ╭──╮      ╭──╮ ╭───╮╭────╮  ╭───╮╭───╮      __/\____/      \_
     /    ││    \ │      │   │   \    / ╭─╯/ ╭──╯╰╮  ╭╯ /    ││    \          |            \
    │  o  ││  _  ││      │   │    \  /  ╰─(   \─╮ │  │ │  ╭──╯│  _  │        / \__  /\      '_
    │     ││  │  │╰─╯  ╰─╯   │  D  ││   ╭─╯\__  │ │  │ │  │╭─╮│  │  │       /     \__ \        \
    │  _  ││  │  │  │  │     │     ││   ╰─╮/  \ │ │  │ │  ╰─ ││  │  │       \        \_\_________\
    │  │  ││  │  │  │  │     │     ││     │\    │╭╯  ╰╮│     ││  │  │        \          \     \
    ╰──┴──╯╰──┴──╯  ╰──╯     ╰─────╯╰─────╯ ╰───╯╰────╯╰─────╯╰──┴──╯         \          \

A curated list of Ant Design resources and related projects. The main idea is that everyone can contribute here, so we can have a central repository of informations about Ant Design that we keep up-to-date.

Ant Design, a design language for middleware, is refined by Experience Technology Department of Ant Financial, aims to uniform the user interface specs for middleware projects, reduce the unnecessary cost of design differences and implementation and liberate the resources of design and front-end development.

Resources

Ant Design

An Enterprise-class UI design language and React-based implementation.

Ant Design Pro

An out-of-box UI solution for enterprise applications :fire::fire::fire:

Ant Design Mobile

Configurable Mobile UI specification and React-based implementation.

Ant Design of React

Graceful UI components out of the box, based on React.

Ant Design SVG Icons

Project to transform regular icon fonts into SVG format, supporting Ant Design icon fonts.

Official projects and resources of Ant Design.

Articles

Styling React Applications with Ant.Design

Finding a User Interface library

Tools

Antd Init

Ant Design boilerplate generator (for demo only, use dva-cli).

Dva Cli

Create Ant Design projects based on [Dva.js](https://github.com/dvajs/dva), a

Antd Tools

Very useful list of tools for Ant Design to create documentation, create new components, build tools and many more.

Antd Tools Docs

Documentations for Ant Tools.

iConfig Ant Design

Boilerplate for quickly getting a new project up and running with a few useful transforms.

vscode-antd-rush

Rush to Ant Design in VS Code

Antd Snippets for VS Code

Generator Antd Pro

An easy way to build your Ant Design Pro application.

formik-antd

Declarative bindings for the popular form state management library Formik.

Zaku

JSX-based UI editor, easy way to build page and generate antd code.

These are tools and utilities to help build apps using Ant Design,

lightweight front-end framework based on Redux and React and inspired by Elm and Choo.

Antd-Pro-Generator for VS Code Generate Service/Mock/Model from Swagger2.0 or OpenApi3.x docs for Ant Design Pro.
Ruyi Design Assistant Ruyi Design Assistant helps you efficiently use React component libraries(AntDesign) and Design Tokens for design in Figma, and easily get production-level component code.

Theming

antd-theme-webpack-plugin

A webpack plugin to generate your custom theme file.

antd-theme-generator

A simple script to generate theme specific less file which can be used in any environment.

dynamic-antd-theme

A simple plugin to dynamic change ant-design theme whether less or css.

storybook-addon-customize-antd-theme

a Storybook addon help you visually customize an ant design theme.

Here are utilities that can help you customize your theme and ability to change it in browser

Themes

ant-design-dark-theme

Dark theme variables of Ant Design.

ant-design-aliyun-theme

Aliyun console theme variables of Ant Design.

ant-dark-theme

Dark theme variables of Ant Design.

Angular

NG-ZORRO

Ant Design of Angular.

NG-ZORRO-Mobile

Ant Design Mobile of Angular

ng-alain

ng-zorro-antd admin panel front-end framework.

Projects that are built with Angular and Ant Design.

Vue.js

ant-design-vue

Ant Design of Vue.js 2.5.0+.

Vue.js Beauty

Beautiful UI components build with Vue.js and Ant Design.

Vue.js Ant UI

Ant Design UI components built in Vue.js.

Ant Design Vue

Vue.js version of Ant Design.

antue

A set of enterprise-class Vue UI components, following the Ant Design specification completely.

vue-antd-admin

Ant Design Pro's implementation with Vue

Projects that are built with Vue.js and Ant Design.

Blazor

ant-design-blazor

Ant Design of Blazor(both Server-side and WebAssembly).

Blazorise

AntDesign support for Blazorise and Blazor [Demo](https://antdesigndemo.blazorise.com/)

Projects that are built with Blazor WebAssembly and Ant Design.

Components

antd-group-slider

A group of sliders that help input data with multiple ranges & description. Have data sync between sliders to improve UX, avoid accidental missing range during inputing range data.

antd-table-infinity

An infinite scroll component based on antd table that supports virtual scrolling & high-performance

react-lz-editor

An open source rich react editor based on draft-Js and ant design.

Antd Kit

Advanced Ant Design components.

antd-data-table

A component that combines antd's Table and Form to do the search, display, and operating jobs for data.

ngx-recursive-form

Angular recursive form based on json input built with Ant Design.

antd-amplify-react

A collection of Ant Design component for Aws Amplify for Authentication

antd-password-input-strength

AntD Input component with password-strength indicator.

antd-amiya

Page level components and with table and form.

antd-phone-input

Advanced, highly customizable phone input component for Ant Design.

A list of UI components built with Ant Design.

React Grid [Deprecated] - Grid React UI Component based on Ant Design.

React Hooks

use-antd-resizable-header

A React Hook makes Ant Design Table Header resizable.

Sunflower(🌻) Collection of React Hooks returning component of antd.

Applications

Eevee

Based on Github page online editing blog platform. The project is based React, Ant Design and GitHub API.

Productivity Application

Kanban style, Trello inspired Productivity application built using React, Ant Design and other fantastic modules.

IDURAR ERP/CRM

IDURAR is Open Source ERP/CRM (Invoice / Inventory / Accounting / HR) Based on Mern Stack (Node.js / Express.js / MongoDb / React.js ) with Ant Design (AntD) and Redux

A list of mature apps built with Ant Design.

Boilerplates

Ant Design Pro

An out-of-box UI solution for enterprise applications :fire::fire::fire:

Scaffold Market

scaffolds and boilerplates using Ant Design

Antd Admin

A admin dashboard application demo built upon Ant Design and Dva.js.

Meteor Antd Boilerplate

A basic social network built using Antd and Meteor. [Example](https://antdmeteor.herokuapp.com/login)

React SPA

Building SPA with React, Router, ES6, Fetch, Babel, Webpack, Npm, MockJs, FontAwesome, AnimateCSS, Ant Design, LESS and jQuery.

React Redux

React Redux for CMS/Enterprise class apps (ERP/Admin) built with Ant Design.

React Antd Starter

This project is designed to develop website/web apps using Ant Design and Redux.

Webbf

Java demo that uses Maven to build the backend with Spring, Spring MVC and Mybatis. React, Reflux, Eebpack, jQuery, React-bootstrap and Ant Design.

React Redux Antd Starter

Front-end boilerplate built with React, Redux and Ant Design.

Koa

Example app to build Admin UI built with React, Ant Design and Koa.

Star Admin

Demo app built with React, Ant Design, Redux, React-router, Webpack and Babel.

React Redux Intro

Demo app built with Ant Design and can be configured to initialize a Redux dependencies.

React Start Kit

SPA Boilerplate built with React, Webpack, ES6+, Redux, Router, Babel, Express, Ant Design.

CL React

Based on Ant Design front-end framework structures for enterprise back-office software.

TODO MVC

Todo list built with React and Ant Design.

React Boilerplate

React Admin front-end boilerplate built with Ant Design.

Dva Antd Starter

Get started with Dva.js and Ant Design.

Dva Antd Mobile Starter

Get started with Dva.js and Ant Design mobile.

Dva Ant Admin

A front-end boilerplate built with Dva, Ant-Design

Aspnet Core Antd Boilerplate

Server Side Rendering with Asp.net core.

React Redux Universal

Universal/Isomorphic boilerplate using react router 4 and webpack 2.5+. All latest packages.

CRA-TS-Antd

Create-React-App + TypeScript + Ant-Design (without Eject).

Ng-Alain

Angular Admin UI built on Ant Design (with ng-zorro-antd).

Typescript React With Mobx Starter

a starter-template with typescript, react, mobx, antd and webpack).

React-PWA, PawJS and AntDesign

A pluggable boilerplate with SEO, PWA, SSR, Skeleton, Placeholders, etc. as some of its many features.

Create React App + Ant Design

Use antd in create-react-app without ejecting

ScaffoldHub.io

Generate fullstack React + Ant Design applications with MongoDB, SQL or Firebase Firestore.

The Green Meal

Next.js, PostgreSQL demo app written in TypeScript.

react-vite-admin

React, Recoil, React Query, React Hooks, Typescript, Axios.

A list of starter projects and boilerplates built with Ant Design.

Non-JavaScript Libraries

Antizer

Ant Design library for [ClojureScript](https://clojurescript.org/), an immutable, functional language that cross-compiles to JavaScript.

syn-antd

Ant Design wrapper for [ClojureScript](https://clojurescript.org/) and [Reagent](https://github.com/reagent-project/reagent) using [shadow-cljs](http://shadow-cljs.org/) with tree-shaking support. As with other ClojureScript libraries, it cross-compiles to JavaScript.

A list of libraries that are written for non-JavaScript languages.