Github url

ng-zorro-antd

by NG-ZORRO

NG-ZORRO /ng-zorro-antd

UI components lib based on Ant Design for Angular

6.7K Stars 2.3K Forks Last release: about 1 month ago (9.3.0) MIT License 1.6K Commits 95 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

NG-ZORRO

An enterprise-class UI components based on Ant Design and Angular.

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

English | 简体中文

✨ Features

  • An enterprise-class UI design system for web applications.
  • A set of 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

MIT

FOSSA Status

🖥 Environment Support

  • Angular
    ^9.0.0
    npm package
  • Server-side Rendering
  • Modern browsers and Internet Explorer 11+ (with polyfills)
  • Electron

| IE / EdgeIE / Edge | FirefoxFirefox | ChromeChrome | SafariSafari | OperaOpera | ElectronElectron | | --------- | --------- | --------- | --------- | --------- | --------- | | IE11, 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 new PROJECT_NAME
$ cd PROJECT_NAME
$ 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';

@NgModule({ 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 CONTRIBUTING.md 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.

JetBrains

❓ 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 Gitter 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!

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.