{"id":13560784,"url":"https://github.com/DevCloudFE/ng-devui","last_synced_at":"2025-04-03T16:31:16.871Z","repository":{"id":34939727,"uuid":"191542599","full_name":"DevCloudFE/ng-devui","owner":"DevCloudFE","description":"Angular UI Component Library based on DevUI Design","archived":false,"fork":false,"pushed_at":"2025-04-01T11:14:42.000Z","size":16992,"stargazers_count":1766,"open_issues_count":107,"forks_count":210,"subscribers_count":52,"default_branch":"master","last_synced_at":"2025-04-02T02:08:07.440Z","etag":null,"topics":["angular","angular-components","angular-ui-components","angular12","devui","enterprise","frontend","gantt","ivy","ngx","typescript","ui-components"],"latest_commit_sha":null,"homepage":"https://devui.design","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DevCloudFE.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-06-12T09:41:06.000Z","updated_at":"2025-04-01T13:15:06.000Z","dependencies_parsed_at":"2023-09-25T04:24:44.124Z","dependency_job_id":"ed558bcf-dca4-4073-842e-8bec4b90944b","html_url":"https://github.com/DevCloudFE/ng-devui","commit_stats":{"total_commits":73,"total_committers":25,"mean_commits":2.92,"dds":0.5616438356164384,"last_synced_commit":"298274c3d039506cfefb1b3a1a8019b02cbedc4d"},"previous_names":[],"tags_count":40,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevCloudFE%2Fng-devui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevCloudFE%2Fng-devui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevCloudFE%2Fng-devui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevCloudFE%2Fng-devui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DevCloudFE","download_url":"https://codeload.github.com/DevCloudFE/ng-devui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247036989,"owners_count":20873071,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular-components","angular-ui-components","angular12","devui","enterprise","frontend","gantt","ivy","ngx","typescript","ui-components"],"created_at":"2024-08-01T13:00:49.484Z","updated_at":"2025-04-03T16:31:16.865Z","avatar_url":"https://github.com/DevCloudFE.png","language":"TypeScript","readme":"\u003cp align=\"center\"\u003e\u003ca href=\"https://devui.design/home\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cimg alt=\"DevUI Logo\" src=\"logo.svg?sanitize=true\" width=\"180\" style=\"max-width:100%;\"\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/DevCloudFE/ng-devui\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/DevCloudFE/ng-devui.svg?label=github%20stars\" alt=\"Github Star\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://angular.io/\"\u003e\u003cimg src=\"https://img.shields.io/badge/%3C%2F%3E-Angular-blue\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://opensource.org/licenses/MIT\"\u003e\u003cimg src=\"https://img.shields.io/npm/l/ng-devui.svg\" alt=\"License\"\u003e\u003c/a\u003e\n\u003c/br\u003e\n  \u003ca href=\"README.md\"\u003e\u003cimg src=\"https://img.shields.io/badge/document-English-blue\" alt=\"Document\"\u003e\u003c/a\u003e\n  \u003ca href=\"README_zh_CN.md\"\u003e\u003cimg src=\"https://img.shields.io/badge/%E6%96%87%E6%A1%A3-%E4%B8%AD%E6%96%87-blue\" alt=\"Document\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/ng-devui\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/ng-devui\" alt=\"Npm\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://gitter.im/devui-design/devui-design\"\u003e\u003cimg src=\"https://img.shields.io/gitter/room/devui-design/devui-design\" alt=\"Chat\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eDevUI for Angular\u003c/h1\u003e\nThe 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.\n\n## Features\n\n* **Enterprise components, supporting design specifications, font icon library**\n* **Out of the box**\n\nTo see more in [devui.design](https://devui.design/home).\n\n## Angular Support\n\nNow supports Angular \u003cfont color=red\u003e`^19.0.0`\u003c/font\u003e\n\n## Getting Started\n\n1. Create a new project\n\n``` bash\nng new New-Project\n```\n\n2. Installation:\n\n```bash\n$ cd New-Project\n$ npm i ng-devui\n# font icon library\n# $ npm i @devui-design/icons\n```\n\n3. Usage:\n\n```typescript\nimport { BrowserModule } from '@angular/platform-browser';\n// need for animations\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { NgModule } from '@angular/core';\nimport { DevUIModule } from 'ng-devui';\nimport { AppComponent } from './app.component';\n\n@NgModule({\n  declarations: [\n    AppComponent\n  ],\n  imports: [\n    BrowserModule,\n    BrowserAnimationsModule,\n    DevUIModule\n  ],\n  bootstrap: [ AppComponent ],\n})\nexport class AppModule { }\n```\n\n4. Import devui style into \u003cfont color=red\u003e`angular.json`\u003c/font\u003e file:\n\n```json\n{\n  \"styles\": [\n    ...\n    \"node_modules/ng-devui/devui.min.css\"\n  ]\n}\n```\n\n5. Debugging\n\n```bash\nng serve --open\n```\n\n## Contribution\n\nPlease feel free to contribute code or discuss your idea!\n\nPlease make sure you read the [contributing](./CONTRIBUTING.md) guide before making a pull request.\n\nWe appreciate all contributors who helped us build DevUI.\n\n## Support\n\nModern browsers and Internet Explorer 11+.\n\n| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eIE / Edge | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eSafari | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png\" alt=\"Opera\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eOpera |\n| --------- | --------- | --------- | --------- | --------- |\n| Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions\n\n## Partner project\n\n- [H5-Dooring - 让H5制作，更简单](http://h5.dooring.cn/)\n\n## Who use it\n\n\u003cp\u003e\u003ca href=\"https://www.huaweicloud.com/devcloud/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cimg alt=\"CodeArts Logo\" src=\"CodeArts-logo.png\" width=\"150\" style=\"max-width:100%;\"\u003e\u003c/a\u003e\u003c/p\u003e\n\n## LICENSE\n\n[**MIT**](https://opensource.org/licenses/MIT)\n","funding_links":[],"categories":["TypeScript","Third Party Components"],"sub_categories":["UI Libraries"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDevCloudFE%2Fng-devui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FDevCloudFE%2Fng-devui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDevCloudFE%2Fng-devui/lists"}