{"id":18734431,"url":"https://github.com/aforemny/material-components-web-elm","last_synced_at":"2025-04-07T10:29:48.139Z","repository":{"id":35138145,"uuid":"163970457","full_name":"aforemny/material-components-web-elm","owner":"aforemny","description":"Material Components for Elm","archived":false,"fork":false,"pushed_at":"2024-08-21T11:51:37.000Z","size":4135,"stargazers_count":95,"open_issues_count":37,"forks_count":20,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-03-31T07:05:56.047Z","etag":null,"topics":["elm","material-components","material-design"],"latest_commit_sha":null,"homepage":"https://aforemny.github.io/material-components-web-elm","language":"Elm","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/aforemny.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-01-03T12:30:35.000Z","updated_at":"2025-01-04T11:26:21.000Z","dependencies_parsed_at":"2024-06-18T21:29:51.241Z","dependency_job_id":"0eb8aef6-8367-4417-a1c0-c481315f5453","html_url":"https://github.com/aforemny/material-components-web-elm","commit_stats":{"total_commits":433,"total_committers":10,"mean_commits":43.3,"dds":0.05542725173210161,"last_synced_commit":"e78f2b361240c78f3a64ab5689326583f8531a16"},"previous_names":[],"tags_count":20,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aforemny%2Fmaterial-components-web-elm","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aforemny%2Fmaterial-components-web-elm/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aforemny%2Fmaterial-components-web-elm/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aforemny%2Fmaterial-components-web-elm/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aforemny","download_url":"https://codeload.github.com/aforemny/material-components-web-elm/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247635423,"owners_count":20970735,"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":["elm","material-components","material-design"],"created_at":"2024-11-07T15:13:16.671Z","updated_at":"2025-04-07T10:29:48.107Z","avatar_url":"https://github.com/aforemny.png","language":"Elm","funding_links":[],"categories":[],"sub_categories":[],"readme":"![build](https://github.com/aforemny/material-components-web-elm/workflows/build/badge.svg)\n\n# Material Components for Elm\n\nA [Material Design](https://material.io/design) framework.\n\nThis library is based on [Material Components for the\nweb](https://github.com/material-components/material-components-web) (MDC Web).\n\n\n## Important links\n\n- Getting Started Guide (TODO)\n- [Demo](https://aforemny.github.io/material-components-web-elm)\n\n\n## Quick start\n\nThis package relies upon JavaScript and CSS that need to be included in your\nproject separately. As a result, this library will _not_ work with e.g. `elm\nreactor`. Instead you will need to use either a HTML file or a bundler, such as\nwebpack.\n\n\n### Using HTML\n\nYou should [compile your Elm program to\nJavaScript](https://guide.elm-lang.org/install/elm.html#elm-make) and include\nit in a custom HTML document. From that HTML document, you have to include the\nfollowing assets to use this library.\n\nPlease make sure that the last two assets match this library's version (ie.\n9.1.0) exactly.\n\n```html\n\u003clink href=\"https://fonts.googleapis.com/css?family=Roboto:300,400,500|Material+Icons\" rel=\"stylesheet\"\u003e\n\u003clink rel=\"stylesheet\" href=\"https://unpkg.com/material-components-web-elm@9.1.0/dist/material-components-web-elm.min.css\"\u003e\n\u003cscript src=\"https://unpkg.com/material-components-web-elm@9.1.0/dist/material-components-web-elm.min.js\"\u003e\u003c/script\u003e\n```\n\nRefer to the [simple counter\nexample](https://github.com/aforemny/material-components-web-elm/blob/master/examples/simple-counter)\nfor a minimal starting point, specifically to the files\n[`src/Main.elm`](https://github.com/aforemny/material-components-web-elm/blob/master/examples/simple-counter/src/Main.elm)\nand\n[`page.html`](https://github.com/aforemny/material-components-web-elm/blob/master/examples/simple-counter/page.html).\n\n\n### Using a bundler\n\nInstall the JavaScript and CSS assets via npm:\n\n```sh\n$ npm install --save material-components-web-elm@9.1.0\n```\n\nThen in your `index.js` add the following imports:\n\n```js\nrequire(\"material-components-web-elm/dist/material-components-web-elm.js\");\nrequire(\"material-components-web-elm/dist/material-components-web-elm.css\");\n```\n\n\n## Contributions\n\nPlease [share your\nexperience](https://github.com/aforemny/material-components-web-elm/issues)\nusing this library! Use GitHub to [report bugs or ask\nquestions](https://github.com/aforemny/material-components-web-elm/issues),\ntoo.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faforemny%2Fmaterial-components-web-elm","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faforemny%2Fmaterial-components-web-elm","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faforemny%2Fmaterial-components-web-elm/lists"}