https://github.com/DevCloudFE/ng-devui
Angular UI Component Library based on DevUI Design
https://github.com/DevCloudFE/ng-devui
angular angular-components angular-ui-components angular12 devui enterprise frontend gantt ivy ngx typescript ui-components
Last synced: 7 months ago
JSON representation
Angular UI Component Library based on DevUI Design
- Host: GitHub
- URL: https://github.com/DevCloudFE/ng-devui
- Owner: DevCloudFE
- License: mit
- Created: 2019-06-12T09:41:06.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2025-04-01T11:14:42.000Z (7 months ago)
- Last Synced: 2025-04-02T02:08:07.440Z (7 months ago)
- Topics: angular, angular-components, angular-ui-components, angular12, devui, enterprise, frontend, gantt, ivy, ngx, typescript, ui-components
- Language: TypeScript
- Homepage: https://devui.design
- Size: 16.2 MB
- Stars: 1,766
- Watchers: 52
- Forks: 210
- Open Issues: 107
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-angular - ng-devui - Angular UI Component Library based on DevUI Design. (Third Party Components / UI Libraries)
- fucking-awesome-angular - ng-devui - Angular UI Component Library based on DevUI Design. (Third Party Components / UI Libraries)
README
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.
## Features
* **Enterprise components, supporting design specifications, font icon library**
* **Out of the box**
To see more in [devui.design](https://devui.design/home).
## Angular Support
Now supports Angular `^19.0.0`
## Getting Started
1. Create a new project
``` bash
ng new New-Project
```
2. Installation:
```bash
$ cd New-Project
$ npm i ng-devui
# font icon library
# $ npm i @devui-design/icons
```
3. Usage:
```typescript
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 { }
```
4. Import devui style into `angular.json` file:
```json
{
"styles": [
...
"node_modules/ng-devui/devui.min.css"
]
}
```
5. Debugging
```bash
ng serve --open
```
## Contribution
Please feel free to contribute code or discuss your idea!
Please make sure you read the [contributing](./CONTRIBUTING.md) guide before making a pull request.
We appreciate all contributors who helped us build DevUI.
## Support
Modern browsers and Internet Explorer 11+.
| [
](http://godban.github.io/browsers-support-badges/)IE / Edge | [
](http://godban.github.io/browsers-support-badges/)Firefox | [
](http://godban.github.io/browsers-support-badges/)Chrome | [
](http://godban.github.io/browsers-support-badges/)Safari | [
](http://godban.github.io/browsers-support-badges/)Opera |
| --------- | --------- | --------- | --------- | --------- |
| Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions
## Partner project
- [H5-Dooring - 让H5制作，更简单](http://h5.dooring.cn/)
## Who use it
## LICENSE
[**MIT**](https://opensource.org/licenses/MIT)