{"id":25020937,"url":"https://github.com/dannymoerkerke/material-webcomponents","last_synced_at":"2025-04-13T04:40:35.880Z","repository":{"id":34448473,"uuid":"172489030","full_name":"DannyMoerkerke/material-webcomponents","owner":"DannyMoerkerke","description":"Material Design implemented in Web Components (Custom Elements v1)","archived":false,"fork":false,"pushed_at":"2023-10-12T10:40:32.000Z","size":2519,"stargazers_count":115,"open_issues_count":13,"forks_count":11,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-26T21:37:48.879Z","etag":null,"topics":["custom-elements","material-design","shadow-dom","webcomponents"],"latest_commit_sha":null,"homepage":"https://dannymoerkerke.github.io/material-webcomponents/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DannyMoerkerke.png","metadata":{"files":{"readme":"readme.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-02-25T10:56:43.000Z","updated_at":"2025-03-20T23:42:58.000Z","dependencies_parsed_at":"2023-02-17T13:31:21.079Z","dependency_job_id":null,"html_url":"https://github.com/DannyMoerkerke/material-webcomponents","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DannyMoerkerke%2Fmaterial-webcomponents","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DannyMoerkerke%2Fmaterial-webcomponents/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DannyMoerkerke%2Fmaterial-webcomponents/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DannyMoerkerke%2Fmaterial-webcomponents/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DannyMoerkerke","download_url":"https://codeload.github.com/DannyMoerkerke/material-webcomponents/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248665782,"owners_count":21142122,"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":["custom-elements","material-design","shadow-dom","webcomponents"],"created_at":"2025-02-05T12:18:29.025Z","updated_at":"2025-04-13T04:40:35.857Z","avatar_url":"https://github.com/DannyMoerkerke.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Material Web Components\nMaterial Design implemented in Web Components (Custom Elements v1)\n[https://dannymoerkerke.github.io/material-webcomponents/](https://dannymoerkerke.github.io/material-webcomponents/)\n\n### Getting started\nTo install Material Web Components run:\n\n```\nnpm install @dannymoerkerke/material-webcomponents\n```\n\nThen simply `import` the component you need in your script, for example:\n\n```\nimport './node_modules/@dannymoerkerke/material-webcomponents/src/material-button.js';\n```\n\nOr include it with a script tag as an ES6 module:\n\n```\n\u003cscript src=\"node_modules/@dannymoerkerke/material-webcomponents/src/material-button.js\" type=\"module\"\u003e\u003c/script\u003e\n```\n\nAdd the HTML tag:\n\n```\n\u003cmaterial-button label=\"Confirm\" raised\u003e\u003c/material-button\u003e\n```\n\n...and you're in business!\n\n### Documentation\nRefer to [https://dannymoerkerke.github.io/material-webcomponents/](https://dannymoerkerke.github.io/material-webcomponents/)\n for documentation of each component.\n\n### Demo\nTo run the demo, run `npm install` once and then `npm start` and view the demo on\n[http://localhost:8080/material-webcomponents](http://localhost:8080/material-webcomponents)\n\n### Testing\nRun `npm test` and view the results on [http://localhost:8080/](http://localhost:8080/)\nor run `npm run test:headless` to run the tests on the command line.\n\nThis repo also contains the configuration file `wallaby.js` to run the\ntests from your IDE using [Wallaby.js](https://wallabyjs.com/)\n\n### Browser support\n- Chrome 53+\n- Firefox 63+\n- Safari 10+\n- iOS Safari 10+\n- Chrome Android 71+\n- Firefox Android 64+\n- Edge 16+ (with polyfill)\n\n\n### Polyfilling Edge 16+\nRefer to `/lib/polyfill-loader.js` to see how the [webcomponentsjs polyfill](https://github.com/webcomponents/webcomponentsjs)\nand the Webpack bundle are loaded. The Webpack bundle only parses the CSS inside Shadow DOM.\nNote that the webpack loader is only suitable for browsers that do not support Shadow DOM.\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdannymoerkerke%2Fmaterial-webcomponents","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdannymoerkerke%2Fmaterial-webcomponents","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdannymoerkerke%2Fmaterial-webcomponents/lists"}