Last updated
A curated list of 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.
Official projects and resources of Ant Design.
These are tools and utilities to help build apps using Ant Design,
Here are utilities that can help you customize your theme and ability to change it in browser
Ant Design family of projects.
Projects that are built with Angular and Ant Design.
Projects that are built with Vue.js and Ant Design.
Projects that are built with Blazor WebAssembly and Ant Design.
A list of UI components built with Ant Design.
A list of mature apps built with Ant Design.
A list of starter projects and boilerplates built with Ant Design.
A list of libraries that are written for non-JavaScript languages.
- An Enterprise-class UI design language and React-based implementation.
- An out-of-box UI solution for enterprise applications 🔥🔥🔥
- Configurable Mobile UI specification and React-based implementation.
- Graceful UI components out of the box, based on React.
- Project to transform regular icon fonts into SVG format, supporting Ant Design icon fonts.
- Ant Design boilerplate generator (for demo only, use dva-cli).
- Create Ant Design projects based on , a lightweight front-end framework based on Redux and React and inspired by and .
- Very useful list of tools for Ant Design to create documentation, create new components, build tools and many more.
- Documentations for Ant Tools.
- Boilerplate for quickly getting a new project up and running with a few useful transforms.
- Rush to Ant Design in VS Code
- An easy way to build your Ant Design Pro application.
- Declarative bindings for the popular form state management library Formik.
- JSX-based UI editor, easy way to build page and generate antd code.
Generate Service/Mock/Model from Swagger2.0 or OpenApi3.x docs for Ant Design Pro.
- A webpack plugin to generate your custom theme file.
- A simple script to generate theme specific less file which can be used in any environment.
- A simple plugin to dynamic change ant-design theme whether less or css.
- Dark theme variables of Ant Design.
- Aliyun console theme variables of Ant Design.
- Dark theme variables of Ant Design.
- Pure javascript, powerful semantic graph generation tool for big data which provides a set of graphical syntax that lets users build with simple syntax a myriad of charts and integrates a large number of statistical tools, ().
- Professional data visualization specification that aims to put several years of valuable data pattern group work in the process of exploring data visualization to share with all people who need data visualization theory. AntV consists of few parts, data, design specifications and rules for use of the chart, ().
- Efficient motion design solutions that complies with Ant Design Visual specification with React implementation.
- Make a sitemap template for UX design using , or . This is a library which assists designers to define, refine and finalize the inter-page logic of their products.
- Ant Design of Angular.
- Ant Design Mobile of Angular
- ng-zorro-antd admin panel front-end framework.
- Ant Design of Vue.js 2.5.0+.
- Beautiful UI components build with Vue.js and Ant Design.
- Ant Design UI components built in Vue.js.
- Vue.js version of Ant Design.
- A set of enterprise-class Vue UI components, following the Ant Design specification completely.
- Ant Design Pro's implementation with Vue
- Ant Design of Blazor(both Server-side and WebAssembly).
- AntDesign support for Blazorise and Blazor
- 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.
- An infinite scroll component based on antd table that supports virtual scrolling & high-performance
- An open source rich react editor based on draft-Js and ant design.
[Deprecated] - Grid React UI Component based on Ant Design.
- Advanced Ant Design components.
- A component that combines antd's Table and Form to do the search, display, and operating jobs for data.
- Angular recursive form based on json input built with Ant Design.
- A collection of Ant Design component for Aws Amplify for Authentication
- AntD Input component with password-strength indicator.
Collection of React Hooks returning component of antd.
- Based on Github page online editing blog platform. The project is based React, Ant Design and GitHub API.
- Kanban style, Trello inspired Productivity application built using React, Ant Design and other fantastic modules.
- An out-of-box UI solution for enterprise applications 🔥🔥🔥
- scaffolds and boilerplates using Ant Design
- A admin dashboard application demo built upon Ant Design and Dva.js.
- A basic social network built using Antd and Meteor.
- Building SPA with React, Router, ES6, Fetch, Babel, Webpack, Npm, MockJs, FontAwesome, AnimateCSS, Ant Design, LESS and jQuery.
- React Admin UI built on Ant Design (username: admin, password: 123456).
- React Redux for CMS/Enterprise class apps (ERP/Admin) built with Ant Design.
- This project is designed to develop website/web apps using Ant Design and Redux.
- Java demo that uses Maven to build the backend with Spring, Spring MVC and Mybatis. React, Reflux, Eebpack, jQuery, React-bootstrap and Ant Design.
- Front-end boilerplate built with React, Redux and Ant Design.
- Example app to build Admin UI built with React, Ant Design and Koa.
- Demo app built with React, Ant Design, Redux, React-router, Webpack and Babel.
- Demo app built with Ant Design and can be configured to initialize a Redux dependencies.
- SPA Boilerplate built with React, Webpack, ES6+, Redux, Router, Babel, Express, Ant Design.
- Based on Ant Design front-end framework structures for enterprise back-office software.
- Todo list built with React and Ant Design.
- React Admin front-end boilerplate built with Ant Design.
- Get started with Dva.js and Ant Design.
- Get started with Dva.js and Ant Design mobile.
- A front-end boilerplate built with Dva, Ant-Design
- Server Side Rendering with Asp.net core.
- Universal/Isomorphic boilerplate using react router 4 and webpack 2.5+. All latest packages.
- Create-React-App + TypeScript + Ant-Design (without Eject).
- Angular Admin UI built on Ant Design (with ng-zorro-antd).
- a starter-template with typescript, react, mobx, antd and webpack).
- A pluggable boilerplate with SEO, PWA, SSR, Skeleton, Placeholders, etc. as some of its many features.
- Use antd in create-react-app without ejecting
- Generate fullstack React + Ant Design applications with MongoDB, SQL or Firebase Firestore.
- Next.js, PostgreSQL demo app written in TypeScript.
- Ant Design library for , an immutable, functional language that cross-compiles to JavaScript.
- Ant Design wrapper for and using with tree-shaking support. As with other ClojureScript libraries, it cross-compiles to JavaScript.
- Github Stars-based cross-platform tool based on React, Electronand and Ant Design.
- A webpack based front-end plug-in scaffolding and development solution.
- The premium icon font from Ant Design and Ant Design Mobile.
Material Design Icons for Ant Design
- Sketch Plugin with suites of functions to enhance designers
- Ant Design Axure Library
- Sitemap templates for ux design in OG, Sketch, Axure, Affinity, Adobe XD.
- Sketch Symbols
- Enterprise-class UI framework based on Ant Design and Emberjs.
- Ant Design bindings for Fable Elmish.
