{"id":13497142,"url":"https://github.com/src-zone/material","last_synced_at":"2025-03-28T21:32:01.274Z","repository":{"id":54567963,"uuid":"109665053","full_name":"src-zone/material","owner":"src-zone","description":"A lightweight Material Design library for Angular based on Google's Material Components for the Web.","archived":false,"fork":false,"pushed_at":"2021-02-10T08:32:11.000Z","size":5221,"stargazers_count":148,"open_issues_count":0,"forks_count":22,"subscribers_count":9,"default_branch":"master","last_synced_at":"2024-04-25T05:21:22.670Z","etag":null,"topics":["angular","angular-components","angular-directives","angular10","angular11","angular12","angular9","blox-material","ivy","material","material-components","material-design","ngx","typescript","ui-components","uikit","web"],"latest_commit_sha":null,"homepage":"https://material.src.zone","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/src-zone.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-11-06T08:03:26.000Z","updated_at":"2024-03-17T22:55:22.000Z","dependencies_parsed_at":"2022-08-13T20:00:49.710Z","dependency_job_id":null,"html_url":"https://github.com/src-zone/material","commit_stats":null,"previous_names":[],"tags_count":27,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/src-zone%2Fmaterial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/src-zone%2Fmaterial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/src-zone%2Fmaterial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/src-zone%2Fmaterial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/src-zone","download_url":"https://codeload.github.com/src-zone/material/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246105235,"owners_count":20724273,"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-directives","angular10","angular11","angular12","angular9","blox-material","ivy","material","material-components","material-design","ngx","typescript","ui-components","uikit","web"],"created_at":"2024-07-31T20:00:24.482Z","updated_at":"2025-03-28T21:32:00.718Z","avatar_url":"https://github.com/src-zone.png","language":"TypeScript","readme":"\u003ca href=\"https://material.src.zone\"\u003e\u003cimg align=\"right\" src=\"https://material.src.zone/css/bloxmaterial.4b1fe3a46fecc6299b03.svg\" width=\"100\" height=\"100\"/\u003e\u003c/a\u003e\n\nBlox Material makes it possible to create beautiful Angular apps with modular and customizable UI components,\ndesigned according to the [Material Design Guidelines](https://material.io/design/guidelines-overview/).\nIt integrates [Material Components for the Web](https://github.com/material-components/material-components-web)\n(a Google project) with the Angular framework.\n\n[![Follow Blox Material](https://img.shields.io/twitter/url/https/twitter.com/TheSourceZone.svg?style=social\u0026label=Follow\\+Blox\\+Material)](https://twitter.com/intent/follow?screen_name=TheSourceZone)\n\n## Quick Links\n\u003ca href=\"https://github.com/src-zone/material/actions\"\u003e\u003cimg align=\"right\" src=\"https://buildstats.info/github/chart/src-zone/material?branch=master\u0026showStats=false\" width=\"231\" height=\"71\"/\u003e\u003c/a\u003e\n\n[![npm](https://img.shields.io/npm/v/@blox/material.svg)](https://www.npmjs.com/package/@blox/material)\n[![License](https://img.shields.io/github/license/src-zone/material.svg)](LICENSE.txt)\n[![GitHub Workflow Status](https://img.shields.io/github/workflow/status/src-zone/material/Build,%20Test,%20Preview)](https://github.com/src-zone/material/actions?query=workflow%3A%22Build%2C+Test%2C+Preview%22)\n[![Codecov](https://img.shields.io/codecov/c/github/src-zone/material)](https://codecov.io/gh/src-zone/material)\n[![Documentation](https://img.shields.io/badge/demo-website-lightgrey.svg)](https://material.src.zone/)\n* [Documention, Demo \u0026 Examples](https://material.src.zone/)\n* [Old Documention, Demo \u0026 Examples (for v0.x)](https://v0.material.src.zone/material)\n* [Changelog](https://github.com/src-zone/material/blob/master/bundle/CHANGELOG.md)\n* [News (via twitter)](https://twitter.com/TheSourceZone)\n* [Guide for upgrading from v0.18.1 to v1.0.0](docs/migration/migration-0-to-1.md)\n\n## Roadmap for 2.0.0\n\n* Upgrade to material-components-web 9.0.0\n* Implement new components: `banner`, `circular-progress`, `data-table`, `segmented-button`, `tooltip`,\n  and `touch-target`\n* Add angular schematics support to help with installation\n* Add component alternatives to directives with complex structure\n* Add autocomplete input component\n\n## Building from source\n\nIf you want to code on the library itself, or build it from source for other reasons, here are\nsome tips:\n\n* Please run an `npm install` in the root directory first. The root directory contains git hooks\n  and scripts for releasing/publishing new versions.\n* The library code is in the directory `bundle`. You need to run `npm install` there, before\n  e.g. building (`npm run build`) or testing (`npm run test`) the material library.\n* The demo and documentation website is in the `site` directory. Before building, the site,\n  you must have built the material `bundle` first.\n* Check the `package.json` files for other commands that can be used to build, debug, test,\n  release, or publish the library.\n* Publishing a new bundle is handled by Github Actions. The commands for publishing/releasing a new\n  version are in the root `package.json`. These commands create the appropriate tags and changes\n  that are picked up by a Github Action build to do an actual publish/deploy/distribution of a new\n  version of the library.\n* Please use commit messages according to the [Angular Commit Message Guidelines](https://github.com/angular/angular/blob/master/CONTRIBUTING.md#-commit-message-guidelines).\n","funding_links":[],"categories":["Uncategorized","Material Components Web (MDC Web)","Awesome Angular [![Awesome TipeIO](https://img.shields.io/badge/Awesome%20Angular-@TipeIO-6C6AE7.svg)](https://github.com/gdi2290/awesome-angular) [![Awesome devarchy.com](https://img.shields.io/badge/Awesome%20Angular-@devarchy.com-86BDC1.svg)](https://github.com/brillout/awesome-angular-components)"],"sub_categories":["Uncategorized","MDC Web Framework Integrations","Angular \u003ca id=\"angular\"\u003e\u003c/a\u003e"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsrc-zone%2Fmaterial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsrc-zone%2Fmaterial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsrc-zone%2Fmaterial/lists"}