{"id":13808906,"url":"https://github.com/david-ui-org/david-ui-angular","last_synced_at":"2026-01-14T20:09:16.272Z","repository":{"id":206036501,"uuid":"715624229","full_name":"david-ui-org/david-ui-angular","owner":"david-ui-org","description":"The components library for enterprise-level projects based on Tailwind CSS and Angular. ","archived":false,"fork":false,"pushed_at":"2024-02-23T08:33:48.000Z","size":1721,"stargazers_count":81,"open_issues_count":4,"forks_count":10,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-10-20T21:48:14.353Z","etag":null,"topics":["angular","angularjs","components","framework","library","tailwindcss"],"latest_commit_sha":null,"homepage":"https://david-ui-angular.com","language":"HTML","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/david-ui-org.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2023-11-07T14:10:53.000Z","updated_at":"2025-08-05T17:04:43.000Z","dependencies_parsed_at":"2023-12-03T19:24:18.808Z","dependency_job_id":"69b63541-02a5-4286-9f91-d373e0967916","html_url":"https://github.com/david-ui-org/david-ui-angular","commit_stats":null,"previous_names":["david-ui-org/david-ui-angular"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/david-ui-org/david-ui-angular","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/david-ui-org%2Fdavid-ui-angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/david-ui-org%2Fdavid-ui-angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/david-ui-org%2Fdavid-ui-angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/david-ui-org%2Fdavid-ui-angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/david-ui-org","download_url":"https://codeload.github.com/david-ui-org/david-ui-angular/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/david-ui-org%2Fdavid-ui-angular/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28434387,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-14T18:57:19.464Z","status":"ssl_error","status_checked_at":"2026-01-14T18:52:48.501Z","response_time":107,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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","angularjs","components","framework","library","tailwindcss"],"created_at":"2024-08-04T01:01:54.693Z","updated_at":"2026-01-14T20:09:16.253Z","avatar_url":"https://github.com/david-ui-org.png","language":"HTML","readme":"# David UI Angular - 1.0.0\n\n### _The right choice for fast and easy UI development using tailwind css_\n\nDavid UI Angular is a comprehensive Angular framework that leverages the power of Tailwind CSS to provide a rich set of UI components, making it easy to build stylish web applications.\n\n\u003cimg width=\"1621\" alt=\"david-ui-angular-thumb\" src=\"https://github.com/david-ui-org/david-ui-angular/assets/146350044/6a06dd12-0e4d-41fd-805a-459cc6459867\"\u003e\n\n\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \n- [David UI Angular](#david-ui-angular)\n    - [_The right choice for fast and easy UI development using tailwind css_](#the-right-choice-for-fast-and-easy-ui-development-using-tailwind-css)\n  - [Installation](#installation)\n  - [Getting Started](#getting-started)\n  - [Techs](#techs)\n  - [Contribution](#contribution)\n  - [Build Library](#build-library)\n  - [Steps to deploy the documentation](#steps-to-deploy-the-documentation)\n  - [License](#license)\n  - [Contact](#contact)\n  - [Code scaffolding](#code-scaffolding)\n  - [Build](#build)\n  - [Publishing](#publishing)\n  - [Running unit tests](#running-unit-tests)\n  - [Further help](#further-help)\n\u003c/details\u003e\n\n\n\n\n## Installation\n\nTo get started with David UI Angular, simply install it via npm or yarn.\n\n```bash\n  npm install david-ui-angular\n```\n\n## Getting Started\n\nFollow these steps to integrate David UI Angular into your Angular project:\n\n1. Import the styles: In your project's styles.css or styles.scss, import David UI Angular's styles along with Tailwind CSS and you also need to import the **@angular/cdk** styles:\n\n\n```css\n@import \"\u003cpath-to-node_modules\u003e/david-ui-angular/styles/_styles.scss\";\n@import \"@angular/cdk/overlay-prebuilt.css\";\n```\n\nOR\nYou can add the link of style sheet in your angular.json style's list\n```angular.json\n\"styles\": [\n              \"src/styles.scss\",\n              \"./node_modules/david-ui-angular/styles/_styles.scss\"\n            ],\n```\n\n2. Import the david-ui-angular modules into your app.module.ts file\n```javascript\nimport { DUIButton } from \"david-ui-angular\";\n\n@NgModule({\n  declarations: [AppComponent],\n  imports: [BrowserModule, DUIButton],\n  providers: [],\n  bootstrap: [AppComponent],\n})\nexport class AppModule {}\n```\n\nthen you can import and use the component in your html file like shown below.\n\n```html\n\u003cdui-button\u003eClick Me\u003c/dui-button\u003e\n```\n3. After this you need to add below line into the content array of you tailwind.config.js file\n\n```tailwing.config\n\"./node_modules/david-ui-angular/**/*.{html,ts,js,mjs}\"\n```\nFor detailed usage and documentation, please visit our [official documentation](https://david-ui-angular.com/docs).\n\n## Techs\n\nDUI-Angular uses a number of open source libraries to work properly:\n\n- [Angular 16] - Angular Framework verion ^16.2.0!\n- [Tailwind Css] - Uses Tailwind Css v ^3.3.3 for styling UI.\n- [Bundle-Scss] - For bundling scss files\n\n\nAnd of course [david-ui-angular](https://www.npmjs.com/package/david-ui-angular?activeTab=readme) itself is open source library.\n\n\n## Contribution\n\nYou can contribute to the package by following the steps below:\n\n1. Fork the project\n2. Create your feature branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the branch (`git push origin feature/AmazingFeature`)\n5. Open a pull request\n6. Wait for the pull request to be reviewed\n7. Get your pull request merged\n8. Celebrate 🎉\n9. Repeat\n\nDUI-Angular requires [Node.js](https://nodejs.org/) v18+ to run.\n\nInstall the dependencies and devDependencies and start the server.\n\n```sh\nnpm i\nng serve\n```\n## Build Library\n```sh\nnpm run build-library\n```\n\n\u003e There are two applications inside project folder\n\u003e consumer and david-ui-angular\n\u003e as name indicate one is the consumer \n\u003e of the library to test the library and also\n\u003e contains the documentation, while the other \n\u003e is the library itself which has components and all.\n\n## Steps to deploy the documentation\n\nRun this command in the root folder\n\n```sh\nng build consumer\n```\n\nThe output directory for the documentation will be **'dist/consumer'**\n\n## License\n\nThis project is licensed under the MIT License. For more details, please see the [LICENSE](https://www.david-ui-angular.com/docs/license) file.\n\n## Contact\n\nIf you have any questions about this project, please feel free to reach out to us at daviduiorg@gmail.com\n\n## Code scaffolding\n\nRun `ng generate component component-name --project david-ui-angular` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project david-ui-angular`.\n\n\u003e Note: Don't forget to add `--project david-ui-angular` or else it will be added to the default project in your `angular.json` file.\n\n## Build\n\nRun `ng build david-ui-angular` to build the project. The build artifacts will be stored in the `dist/` directory.\n\n## Publishing\n\nAfter building your library with `ng build david-ui-angular`, go to the dist folder `cd dist/david-ui-angular` and run `npm publish`.\n\n## Running unit tests\n\nRun `ng test david-ui-angular` to execute the unit tests via [Karma](https://karma-runner.github.io).\n\n## Further help\n\nTo get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.\n","funding_links":[],"categories":["Table of contents"],"sub_categories":["Third Party Components"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavid-ui-org%2Fdavid-ui-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdavid-ui-org%2Fdavid-ui-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavid-ui-org%2Fdavid-ui-angular/lists"}