{"id":16480632,"url":"https://github.com/fredericheem/mdlean","last_synced_at":"2025-10-27T15:35:58.673Z","repository":{"id":51198369,"uuid":"92081813","full_name":"FredericHeem/mdlean","owner":"FredericHeem","description":"Lean Material Design React Components","archived":false,"fork":false,"pushed_at":"2023-06-20T19:35:38.000Z","size":19524,"stargazers_count":6,"open_issues_count":6,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-18T20:13:14.323Z","etag":null,"topics":["glamor","glamorous","material-components","material-design","materials","react","react-components"],"latest_commit_sha":null,"homepage":"https://fredericheem.github.io/mdlean/","language":"JavaScript","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/FredericHeem.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":"2017-05-22T17:42:56.000Z","updated_at":"2023-03-07T15:03:55.000Z","dependencies_parsed_at":"2024-06-21T19:09:05.558Z","dependency_job_id":"8048f74a-e867-4bdb-a540-a753eaa0b9e8","html_url":"https://github.com/FredericHeem/mdlean","commit_stats":{"total_commits":163,"total_committers":1,"mean_commits":163.0,"dds":0.0,"last_synced_commit":"2a53870b03733f384813d2dbc695bbbfd9c33168"},"previous_names":[],"tags_count":52,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FredericHeem%2Fmdlean","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FredericHeem%2Fmdlean/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FredericHeem%2Fmdlean/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FredericHeem%2Fmdlean/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FredericHeem","download_url":"https://codeload.github.com/FredericHeem/mdlean/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245097159,"owners_count":20560311,"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":["glamor","glamorous","material-components","material-design","materials","react","react-components"],"created_at":"2024-10-11T13:04:49.432Z","updated_at":"2025-10-16T14:35:49.318Z","avatar_url":"https://github.com/FredericHeem.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Lean Material UI - a fit good looking material design component library\n\nSee the [live demo](https://fredericheem.github.io/mdlean/) to find out more about these react components.\n\nHere are the main objectives for these react components:\n\n- Components must be optimised for size.\n- Components can be imported individually.\n- Real-time theming.\n- Compatible with `create-react-app` based app, ejection free.\n- Webpack config free, no need to install and configure `sass` or `stylus`.\n\n## Installation\n\n    $ npm i --save mdlean\n\n# Components\n\n## Button\n\n```javascript\nimport React, { Component } from \"react\";\nimport button from \"mdlean/lib/button\";\nimport theme from \"mdlean/lib/theme\";\n\nconst context = {\n  theme: theme(),\n};\n\nconst Button = button(context);\n\nclass App extends Component {\n  render() {\n    return (\n      \u003cdiv\u003e\n        \u003ch3\u003eFlatButton \u003c/h3\u003e\n        \u003cButton primary ripple raised label=\"FLAT LABEL\" /\u003e\n        \u003cButton ripple raised accent\u003e\n          RIPPLE RAISED ACCENT\n        \u003c/Button\u003e\n      \u003c/div\u003e\n    );\n  }\n}\n```\n\nA complete runnable example can be found at [![Edit r09GLRDw4](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/r09GLRDw4)\n\n## Release a new version\n\nThe package [np](https://github.com/sindresorhus/np), which stands for _npm publish_, is a nifty tool which help to release a new version.\n\nEnsure the branch _master_ is up to date:\n\n```sh\ngit checkout master\ngit pull\n```\n\nInvoke `np` through the _npm_ scripts;\n\n```sh\nnpm run np\n```\n\n## Npm link\n\nWhen this lib is linked, avoid the [invalid hook call warning](https://reactjs.org/warnings/invalid-hook-call-warning.html#duplicate-react) with:\n\n```\nnpm link\nnpm link ../myapp/node_modules/react\ncd ../myapp\nnpm link mdlean\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffredericheem%2Fmdlean","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffredericheem%2Fmdlean","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffredericheem%2Fmdlean/lists"}