{"id":14990359,"url":"https://github.com/william-mba/tailwind-ng","last_synced_at":"2025-12-26T00:30:57.383Z","repository":{"id":263685269,"uuid":"806008644","full_name":"william-mba/tailwind-ng","owner":"william-mba","description":"Tailwind CSS components for Angular.","archived":false,"fork":false,"pushed_at":"2025-03-31T13:15:00.000Z","size":97487,"stargazers_count":12,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"next","last_synced_at":"2025-03-31T13:23:33.153Z","etag":null,"topics":["angular","css","developer","frontend","ngxtw","tailwind-css","tailwindcss","tailwindui","typescript","web","webapp","webapplication","webcomponents"],"latest_commit_sha":null,"homepage":"https://tailwind-ng.com","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/william-mba.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-05-26T05:30:01.000Z","updated_at":"2025-03-28T22:40:05.000Z","dependencies_parsed_at":"2025-01-15T08:48:41.110Z","dependency_job_id":"70ae0513-d990-4d2c-b08c-9a0444949274","html_url":"https://github.com/william-mba/tailwind-ng","commit_stats":{"total_commits":416,"total_committers":3,"mean_commits":"138.66666666666666","dds":"0.12259615384615385","last_synced_commit":"1e8332ad103766f8d7bc4748357f9e560bb9c04d"},"previous_names":["william-mba/ngxtw","william-mba/ngx-tailwind","william-mba/tailwind-ng"],"tags_count":14,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/william-mba%2Ftailwind-ng","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/william-mba%2Ftailwind-ng/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/william-mba%2Ftailwind-ng/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/william-mba%2Ftailwind-ng/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/william-mba","download_url":"https://codeload.github.com/william-mba/tailwind-ng/tar.gz/refs/heads/next","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248505929,"owners_count":21115354,"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","css","developer","frontend","ngxtw","tailwind-css","tailwindcss","tailwindui","typescript","web","webapp","webapplication","webcomponents"],"created_at":"2024-09-24T14:19:56.673Z","updated_at":"2025-12-26T00:30:57.377Z","avatar_url":"https://github.com/william-mba.png","language":"TypeScript","funding_links":[],"categories":["Third Party Components"],"sub_categories":["UI Libraries built on Tailwind CSS"],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://tailwind-ng.com/\"\u003e\n    \u003cimg src=\"https://ngxtw-assets.pages.dev/ngxtw-logo-doc.png\" alt=\"tailwind-ng\" height=\"120\" /\u003e\n    \u003ch1\u003eTailwind NG\u003c/h1\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\nBeautiful, fast and accessible Tailwind CSS components for Angular.\n\u003cbr/\u003e\n\u003cbr/\u003e\n\n![tailwind-ng](https://badgen.net/bundlephobia/minzip/tailwind-ng)\n[![Build Status](https://dev.azure.com/artandev/Labs/_apis/build/status%2Ftailwind-ng?branchName=next)](https://dev.azure.com/artandev/Labs/_build/latest?definitionId=2\u0026branchName=main)\n![tree-shaking](https://badgen.net/bundlephobia/tree-shaking/tailwind-ng)\n\n\u003c/div\u003e\n\n## :rocket: Motivation\n\nTailwind NG is an open source UI components library that aims to provide a seamless and robust\nintegration of [Tailwind CSS](https://tailwindcss.com/) components with\n[Angular](https://angular.dev) to make building a great UI easier and joyful at any scale.\n\n## :bulb: Why Tailwind NG ?\n\nTailwind NG is built with state of the art design principles to provide components that are:\n\n- **Beautiful**: well-designed components that look great out of the box.\n- **Fast and lightweight**: for optimal responsiveness and rendering speed at any scale.\n- **Reliable**: well-tested to ensure consistent performance and predictable behaviors.\n- **Accessible**: built-in accessibility features compliant to\n  [W3C WAI-ARIA](https://www.w3.org/TR/wai-aria/) standards.\n- **Customizable**: fully customizable, extensible and composable to fit your specific needs.\n\n## :heart: Contributing\n\nWe welcome contributions to Tailwind NG! If you have ideas, suggestions, or bug fixes, please check\nout our [contributing guide]().\n\n## :sparkles: Getting Started\n\nTo get started with Tailwind NG, you can follow the steps below:\n\n0. Prerequisites:\n   - [Node.js](https://nodejs.org/en/) v22 or later\n   - [Angular](https://angular.io) v19 or later\n   - [Tailwind CSS](https://tailwindcss.com/docs/installation) v4 or later\n1. For more information on how to install and use Tailwind NG, please refer to the\n   [documentation](https://tailwind-ng.com/docs/getting-started).\n\n## :package: Packages reference\n\nTailwind NG is modular and it is composed of the following packages:\n\n| Name                                          | Description                                                                          | Version (latest)                                          | Size (min+zip)                                        |\n| --------------------------------------------- | ------------------------------------------------------------------------------------ | --------------------------------------------------------- | ----------------------------------------------------- |\n| [tailwind-ng][tailwind-ng-npm]                | Provides a set of well-designed UI components out of the box.                        | ![tailwind-ng-version][tailwind-ng-version]               | ![tailwind-ng-size][tailwind-ng-minzip]               |\n| [@tailwind-ng/core][tailwind-ng-core-npm]     | Provides core utilities and abstractions.                                            | ![tailwind-ng-core-version][tailwind-ng-core-version]     | ![tailwind-ng-core-size][tailwind-ng-core-minzip]     |\n| [@tailwind-ng/themes][tailwind-ng-themes-npm] | Provides a set of pre-built themes available via the CDN and npm.                    | ![tailwind-ng-themes-version][tailwind-ng-themes-version] | ![tailwind-ng-themes-size][tailwind-ng-themes-minzip] |\n| @tailwind-ng/icons                            | This package will provides a set of reusable icons from Heroicons and googles fonts. | TODO                                                      | TODO                                                  |\n\n## :sparkle: Credits\n\nTailwind NG is made possible thanks to the inspirations from the following projects:\n\n- [Tailwind UI](https://tailwindui.com/)\n- [Material Design](https://m3.material.io/)\n\n[tailwind-ng-version]: https://badgen.net/npm/v/tailwind-ng\n[tailwind-ng-npm]: https://www.npmjs.com/package/tailwind-ng\n[tailwind-ng-minzip]: https://badgen.net/bundlephobia/minzip/tailwind-ng\n[tailwind-ng-core-npm]: https://www.npmjs.com/package/@tailwind-ng/core\n[tailwind-ng-core-version]: https://badgen.net/npm/v/@tailwind-ng/core\n[tailwind-ng-core-minzip]: https://badgen.net/bundlephobia/minzip/@tailwind-ng/core@latest\n[tailwind-ng-themes-npm]: https://www.npmjs.com/package/@tailwind-ng/themes\n[tailwind-ng-themes-version]: https://badgen.net/npm/v/@tailwind-ng/themes\n[tailwind-ng-themes-minzip]: https://badgen.net/bundlephobia/minzip/@tailwind-ng/themes@latest\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliam-mba%2Ftailwind-ng","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwilliam-mba%2Ftailwind-ng","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliam-mba%2Ftailwind-ng/lists"}