{"id":12339019,"url":"https://github.com/lannodev/angular-tailwind","last_synced_at":"2025-05-15T14:05:42.113Z","repository":{"id":41982988,"uuid":"473720386","full_name":"lannodev/angular-tailwind","owner":"lannodev","description":"Angular \u0026 Tailwind CSS Admin Dashboard Starter Kit, Free and Open Source","archived":false,"fork":false,"pushed_at":"2025-03-19T00:03:04.000Z","size":14173,"stargazers_count":444,"open_issues_count":1,"forks_count":169,"subscribers_count":20,"default_branch":"main","last_synced_at":"2025-05-11T23:51:30.201Z","etag":null,"topics":["admin-dashboard","angular","collaborate","dashboard","free","open-source","student-vscode","tailwind","tailwind-css","tailwindcss"],"latest_commit_sha":null,"homepage":"https://at.lanno.dev","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/lannodev.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","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,"publiccode":null,"codemeta":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":["https://buy.stripe.com/7sI7sK99S86gbtu7ss","https://www.buymeacoffee.com/lanno"]}},"created_at":"2022-03-24T18:07:07.000Z","updated_at":"2025-05-08T07:37:20.000Z","dependencies_parsed_at":"2023-02-18T07:45:54.984Z","dependency_job_id":"6e9678a5-0fbe-4c2b-a34f-f6b7540f9d40","html_url":"https://github.com/lannodev/angular-tailwind","commit_stats":{"total_commits":263,"total_committers":8,"mean_commits":32.875,"dds":0.2547528517110266,"last_synced_commit":"e1d045e11543cb8321a9c249136a8317d576b5b8"},"previous_names":["lannodev/angular-tailwind"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lannodev%2Fangular-tailwind","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lannodev%2Fangular-tailwind/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lannodev%2Fangular-tailwind/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lannodev%2Fangular-tailwind/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lannodev","download_url":"https://codeload.github.com/lannodev/angular-tailwind/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254355334,"owners_count":22057354,"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":["admin-dashboard","angular","collaborate","dashboard","free","open-source","student-vscode","tailwind","tailwind-css","tailwindcss"],"created_at":"2024-07-09T05:46:13.841Z","updated_at":"2025-05-15T14:05:37.099Z","avatar_url":"https://github.com/lannodev.png","language":"TypeScript","readme":"\u003cp align=\"center\"\u003e\n    \u003cimg src=\"src/assets/preview/logo.png\" width=\"150\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://github.com/luciano-work/angular-tailwind/stargazers\"\u003e\n        \u003cimg height= \"24\" src=\"https://img.shields.io/github/stars/luciano-work/angular-tailwind?colorA=1e1e28\u0026colorB=c9cbff\u0026style=for-the-badge\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/luciano-work/angular-tailwind/issues\"\u003e\n        \u003cimg height= \"24\" src=\"https://img.shields.io/github/issues/luciano-work/angular-tailwind?colorA=1e1e28\u0026colorB=f7be95\u0026style=for-the-badge\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/luciano-work/angular-tailwind/contributors\"\u003e\n        \u003cimg height= \"24\" src=\"https://img.shields.io/github/contributors/luciano-work/angular-tailwind?colorA=1e1e28\u0026colorB=b1e1a6\u0026style=for-the-badge\"\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n#### Motivation\n\nFor me, the best strategy for learning new skills is to practice. I have created this project to learn more about Tailwind CSS using my favorite framework (Angular). I have to tell you, Tailwind is amazing!\n\n\u003cb\u003e\u003cimg src=\"https://cdn-icons-png.flaticon.com/512/6897/6897039.png\" width=\"14\"/\u003e The project is not finished yet!\u003c/b\u003e\n\nSee [Demo](https://at.lanno.dev) page.\n\n\u003cp\u003e\n  \u003cimg alt=\"Preview\" src=\"src/assets/preview/preview.gif\"\u003e\n\u003c/p\u003e\n\n#### Versions\n\n\u003ca href=\"https://angular.io\"\u003e\u003cimg height= \"24\" src= \"https://img.shields.io/badge/Angular 19-DD0031?style=for-the-badge\u0026logo=angular\u0026logoColor=white\"\u003e\u003c/a\u003e \u003ca href=\"https://tailwindcss.com\"\u003e\u003cimg height= \"24\" src= \"https://img.shields.io/badge/Tailwind 4-0ea5e9?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white\"\u003e\u003c/a\u003e\n\n#### Features\n\n- [x] Sidebar\n- [x] Dark Theme\n- [x] Navbar\n- [x] Footer\n- [x] Auth Module\n- [x] Dashboard Module\n- [x] Standalone components\n- [x] Angular Signals\n- [x] Multi Theme\n- [x] Tests E2E\n- [x] RTL support\n- [ ] Guards\n- [ ] Animations\n- [ ] Jasmine tests\n\n#### Commands\n\n| command                   | What it does?                                 |\n| ------------------------- | :-------------------------------------------- |\n| `npm start`               | Starts the server in dev mode                 |\n| `npm run lint`            | Runs ESLint on project                        |\n| `npm run prettier`        | Runs prettier on entire src folder            |\n| `npm run prettier:verify` | Runs prettier-check and throws error if fails |\n| `npm run prettier:staged` | Runs prettier on only staged (changed) files  |\n| `npm run test:e2e`        | Runs playwright e2e test with UI              |\n\n#### Dependencies\n\n| Package            | What it does?                                                                               | Link                                                   |\n| ------------------ | :------------------------------------------------------------------------------------------ | :----------------------------------------------------- |\n| `angular-svg-icon` | Provides a means to inline SVG files to allow for them to be easily styled by CSS and code. | [Here](https://www.npmjs.com/package/angular-svg-icon) |\n| `apexcharts`       | Modern \u0026 Interactive Open-source Charts                                                     | [Here](https://www.npmjs.com/package/apexcharts)       |\n| `ng-apexcharts`    | Angular wrapper for ApexCharts to build interactive visualizations in Angular.              | [Here](https://www.npmjs.com/package/ng-apexcharts)    |\n\n#### Dev Dependencies\n\n| Package                       | What it does?                                                                                            | Link                                                              |\n| ----------------------------- | :------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------------- |\n| `prettier`                    | An opinionated code formatter                                                                            | [Here](https://www.npmjs.com/package/prettier)                    |\n| `prettier-plugin-tailwindcss` | A Prettier plugin for Tailwind CSS that automatically sorts classes based on our recommended class order | [Here](https://www.npmjs.com/package/prettier-plugin-tailwindcss) |\n| `tailwind-scrollbar`          | Tailwind plugin for styling scrollbars.                                                                  | [Here](https://www.npmjs.com/package/tailwind-scrollbar)          |\n| `tailwindcss`                 | A utility-first CSS framework for rapidly building custom user interfaces.                               | [Here](https://www.npmjs.com/package/tailwindcss)                 |\n\n#### Icons and Patterns\n\nThis project use [Hero Icons](https://heroicons.com/) , [Hero Patterns](https://heropatterns.com/) and [Popsys illustrations](https://popsy.co/)\n\n#### Sponsors ❤️\n\nCheck out our awesome sponsors!\n\n[\u003cimg src=\"https://avatars.githubusercontent.com/u/19482926?v=4\" width=\"60\"\u003e](https://github.com/jhonnygarcia)\n[\u003cimg src=\"https://avatars.githubusercontent.com/u/44730111?v=4\" width=\"60\"\u003e](https://github.com/ramses-i)\n[\u003cimg src=\"https://avatars.githubusercontent.com/u/67803716?v=4\" width=\"60\"\u003e](https://github.com/walteribanez555)\n\n### Repo Activity\n\n![Alt](https://repobeats.axiom.co/api/embed/75671ffcba2d7e21fb5ceb8e32598fb8335cfa20.svg 'Repobeats analytics image')\n\n#### Disclaimer\n\nThe Tailwind name and logos are trademarks of Tailwind Labs Inc.\nThe Angular name and logos are trademarks of Google.\n","funding_links":["https://buy.stripe.com/7sI7sK99S86gbtu7ss","https://www.buymeacoffee.com/lanno"],"categories":["Starters \u0026 Themes","Recently Updated","Site Templates"],"sub_categories":["[Jul 09, 2024](/content/2024/07/09/README.md)","Free Templates"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flannodev%2Fangular-tailwind","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flannodev%2Fangular-tailwind","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flannodev%2Fangular-tailwind/lists"}