{"id":23061212,"url":"https://github.com/syncfusionexamples/designing-an-angular-dashboard-layout-with-ui-components","last_synced_at":"2026-02-13T14:16:28.802Z","repository":{"id":249915980,"uuid":"830980594","full_name":"SyncfusionExamples/designing-an-angular-dashboard-layout-with-ui-components","owner":"SyncfusionExamples","description":"A quick-start Angular project that contains code to add UI components to the Angular Dashboard Layout and arrange panels using the cell spacing property. This project also contains code to customize the look of the dashboard using the CSS class property, floating panels and the responsive and adaptive layouts functionality of the dashboard.","archived":false,"fork":false,"pushed_at":"2024-07-23T15:17:53.000Z","size":16,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-07-16T14:54:54.647Z","etag":null,"topics":["angular-dashboard","angular-dashboard-layout","angular-dashboard-layout-uicomponents","angular-dashboard-uicomponents","dashboard","dashboard-layout-ui-components","dashboardlayout","dashboardlayoutuicomponents"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SyncfusionExamples.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2024-07-19T11:41:40.000Z","updated_at":"2024-07-24T02:51:56.000Z","dependencies_parsed_at":"2024-07-24T05:54:22.163Z","dependency_job_id":null,"html_url":"https://github.com/SyncfusionExamples/designing-an-angular-dashboard-layout-with-ui-components","commit_stats":null,"previous_names":["syncfusionexamples/designing-an-angular-dashboard-layout-with-ui-components"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SyncfusionExamples/designing-an-angular-dashboard-layout-with-ui-components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fdesigning-an-angular-dashboard-layout-with-ui-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fdesigning-an-angular-dashboard-layout-with-ui-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fdesigning-an-angular-dashboard-layout-with-ui-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fdesigning-an-angular-dashboard-layout-with-ui-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SyncfusionExamples","download_url":"https://codeload.github.com/SyncfusionExamples/designing-an-angular-dashboard-layout-with-ui-components/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fdesigning-an-angular-dashboard-layout-with-ui-components/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272139425,"owners_count":24880304,"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","status":"online","status_checked_at":"2025-08-25T02:00:12.092Z","response_time":1107,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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-dashboard","angular-dashboard-layout","angular-dashboard-layout-uicomponents","angular-dashboard-uicomponents","dashboard","dashboard-layout-ui-components","dashboardlayout","dashboardlayoutuicomponents"],"created_at":"2024-12-16T03:16:55.755Z","updated_at":"2026-02-13T14:16:23.755Z","avatar_url":"https://github.com/SyncfusionExamples.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Designing an Angular Dashboard Layout with UI Components\r\n\r\nA quick-start Angular project that contains code to add UI components to the Angular Dashboard Layout and arrange panels using the cell spacing property. This project also contains code to customize the look of the dashboard using the CSS class property, floating panels and the responsive and adaptive layouts functionality of the dashboard.\r\n\r\nRefer to the following documentation to learn about the Angular Dashboard Layout component: \r\nhttps://ej2.syncfusion.com/angular/documentation/dashboard-layout/getting-started\r\n\r\nCheck out this online example of the Angular Dashboard Layout component:\r\nhttps://ej2.syncfusion.com/angular/demos/#/bootstrap5/dashboard-layout/default   \r\n\r\n## Project prerequisites\r\nMake sure that you have the compatible versions of [Visual Studio Code](https://code.visualstudio.com/download ) and [NodeJS](https://nodejs.org/en/download) or later version in your machine before starting to work on this project.\r\n\r\n## How to run this application\r\nTo run this application, you need to first clone the `designing-an-angular-dashboard-layout-with-ui-components` repository and then open it in Visual Studio Code. Now, simply build and run your project using `ng serve` command to view the output.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusionexamples%2Fdesigning-an-angular-dashboard-layout-with-ui-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsyncfusionexamples%2Fdesigning-an-angular-dashboard-layout-with-ui-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusionexamples%2Fdesigning-an-angular-dashboard-layout-with-ui-components/lists"}