Ng Zorro Antd

Angular UI Component Library based on Ant Design
Alternatives To Ng Zorro Antd
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Ng Zorro Antd8,6055664752 days ago186July 16, 2023873mitTypeScript
Angular UI Component Library based on Ant Design
Ng Alain4,48747218 days ago260August 06, 202338mitTypeScript
NG-ZORRO admin panel front-end framework (surge mirror
Awesome Uikit1,424
7 days agomitDockerfile
Collect JS Frameworks, Web components library and Admin Template.
Ant Design Icons8404,4101,18421 days ago104September 24, 2021114mitTypeScript
⭐ Ant Design SVG Icons
Ng Zorro Antd Mobile7841133 months ago54January 10, 202247otherTypeScript
A configurable Mobile UI components based on Ant Design Mobile and Angular. 🐜
Ui Libraries773
3 years agomit
A collection of UI Frameworks and their platform implementations.
Somall47273 months ago9April 10, 202185mitC#
社交电商商城开源项目.socail+mall即取名SoMall ,abp netcore 3.1 angular vue uni-app typescript docker mssql
Ng Ant Admin471
2 months ago1mitTypeScript
Angular16 Standalone components 独立组件, 中后台管理系统模板,移动端适配 Mobile adaptation ng-zorro ant-design-pro front-end framework
Today Ng Steps391
a year ago7mitTypeScript
:raising_hand: 一步步学习 ng-zorro-antd
Ant Simple Pro370
7 months ago7mitJavaScript
简洁,美观,快速上手,支持3大框架(vue3.0,react,angular,typescript);Concise, beautiful, quick to get started, support 3 big frameworks
Alternatives To Ng Zorro Antd
Select To Compare

Alternative Project Comparisons


An enterprise-class Angular UI component library based on Ant Design.

Azure branch CodeFactor Codecov GitHub Release Date npm package NPM downloads GitHub license Discord extension-for-VSCode code style: prettier Twitter

English | 简体中文

✨ Features

  • An enterprise-class UI design system for Angular applications.
  • 60+ high-quality Angular components out of the box.
  • Written in TypeScript with predictable static types.
  • The whole package of development and design resources and tools.
  • Support OnPush mode, high performance.
  • Powerful theme customization in every detail.
  • Internationalization support for dozens of languages.

☀️ License


FOSSA Status

🖥 Environment Support

IE / EdgeIE / Edge FirefoxFirefox ChromeChrome SafariSafari OperaOpera ElectronElectron
Edge last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions

🎨 Design Specification

ng-zorro-antd synchronizes design specification with Ant Design on a regular basis, you can check the log online.

📦 Installation

We recommend using @angular/cli to install. It not only makes development easier, but also allows you to take advantage of the rich ecosystem of angular packages and tooling.

$ ng add ng-zorro-antd

More information about @angular/cli here.

You can also install ng-zorro-antd with npm or yarn

$ npm install ng-zorro-antd

🔨 Usage

Import the component modules you want to use into your app.module.ts file and feature modules.

import { NzButtonModule } from 'ng-zorro-antd/button';

  imports: [ NzButtonModule ]
export class AppModule {

@angular/cli users won't have to worry about the things below but it's good to know.

And import style and SVG icon assets file link in angular.json.

  "assets": [
+   {
+     "glob": "**/*",
+     "input": "./node_modules/@ant-design/icons-angular/src/inline-svg/",
+     "output": "/assets/"
+   }
  "styles": [
+   "node_modules/ng-zorro-antd/ng-zorro-antd.min.css"

See Getting Started for more details.

🔗 Links

⌨️ Development

$ git clone [email protected]:NG-ZORRO/ng-zorro-antd.git
$ cd ng-zorro-antd
$ npm install
$ npm run start

Browser would open automatically.

🤝 Contributing

PRs Welcome

We welcome all contributions. Please read our first. You can submit any ideas as pull requests or as GitHub issues.

If you're new to posting issues, we ask that you read How To Ask Questions The Smart Way (This guide does not provide actual support services for this project!), How to Ask a Question in Open Source Community and How to Report Bugs Effectively prior to posting. Well written bug reports help us help you!

Thanks to JetBrains for supporting us free open source licenses.


❓ Help from the Community

For questions on how to use ng-zorro-antd, please post questions to Stack Overflow using the ng-zorro-antd tag. If you're not finding what you need on stackoverflow, you can find us on Discord as well.

As always, we encourage experienced users to help those who are not familiar with ng-zorro-antd!

🎉 Users

We list some users here, if your company or product uses NG-ZORRO, let us know here!

Love ng-zorro-antd? Give our repo a star ⭐️ ⬆️.

Popular Ant Design Projects
Popular Angular Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Ant Design
Component Library
Angular Components
Angular Directives