by DevCloudFE

DevCloudFE / ng-devui

华为云DevCloud,基于Angular的企业级前端组件库;DevUI components based on Angular

468 Stars 86 Forks Last release: about 2 months ago (9.2.0) MIT License 24 Commits 8 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:

DevUI Logo

Github Star License

Document Document Npm Chat

DevUI for Angular

The DevUI Design Design system contains a combination of DevUI rules, Design languages, and best practices. DevUI Design allows developers to focus more on application logic, while designers focus on user experience, interactions, and processes.


  • Enterprise components, supporting design specifications, font icon library
  • Out of the box

To see more in

Angular Support

Now supports Angular


Getting Started

  1. Create a new project
ng new New-Project
  1. Installation:
$ cd New-Project
$ npm i ng-devui
# font icon library
# $ npm i @devui-design/icons
  1. Usage:
import { BrowserModule } from '@angular/platform-browser';
// need for animations
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { DevUIModule } from 'ng-devui';
import { AppComponent } from './app.component';

@NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, BrowserAnimationsModule, DevUIModule ], bootstrap: [ AppComponent ], }) export class AppModule { }

  1. Import devui style into
  "styles": [
  1. Debugging
ng serve --open


Please feel free to contribute code or discuss your idea!

Please make sure you read the contributing guide before making a pull request.

We appreciate all contributors who helped us build DevUI.


Modern browsers and Internet Explorer 11+.

| IE / EdgeIE / Edge | FirefoxFirefox | ChromeChrome | SafariSafari | OperaOpera | | --------- | --------- | --------- | --------- | --------- | | IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions

Who use it

DevCloud Logo



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.