{"id":17294782,"url":"https://github.com/efoken/md3-ui","last_synced_at":"2025-04-13T05:08:24.797Z","repository":{"id":38006871,"uuid":"451463088","full_name":"efoken/md3-ui","owner":"efoken","description":"⚛️ React Native (Web) library implementing Material Design 3","archived":false,"fork":false,"pushed_at":"2025-04-11T21:48:04.000Z","size":17162,"stargazers_count":7,"open_issues_count":18,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-13T05:08:18.253Z","etag":null,"topics":["javascript","material","material-design","react","react-native","react-native-web","reactjs","styled-components","styled-system","typescript","ui"],"latest_commit_sha":null,"homepage":"https://eikefoken.com/md3-ui/","language":"TypeScript","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/efoken.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,"zenodo":null}},"created_at":"2022-01-24T12:52:46.000Z","updated_at":"2024-05-12T22:13:19.000Z","dependencies_parsed_at":"2023-02-13T03:31:23.726Z","dependency_job_id":"d150bcff-4134-478c-9dfa-6148e074e064","html_url":"https://github.com/efoken/md3-ui","commit_stats":{"total_commits":401,"total_committers":6,"mean_commits":66.83333333333333,"dds":0.6309226932668329,"last_synced_commit":"1d836ff53cbac5c22acc09dde7c7c1e6fa3b3900"},"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/efoken%2Fmd3-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/efoken%2Fmd3-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/efoken%2Fmd3-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/efoken%2Fmd3-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/efoken","download_url":"https://codeload.github.com/efoken/md3-ui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248665747,"owners_count":21142123,"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":["javascript","material","material-design","react","react-native","react-native-web","reactjs","styled-components","styled-system","typescript","ui"],"created_at":"2024-10-15T11:08:04.541Z","updated_at":"2025-04-13T05:08:24.773Z","avatar_url":"https://github.com/efoken.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eMD3-UI\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/efoken/md3-ui/blob/HEAD/LICENSE)\n[![npm latest package](https://img.shields.io/npm/v/@md3-ui/core/latest.svg)](https://www.npmjs.com/package/@md3-ui/core)\n[![bundle size](https://img.shields.io/bundlephobia/minzip/@md3-ui/core.svg)](https://bundlephobia.com/package/@md3-ui/core)\n\n\u003c/div\u003e\n\nQuickly build beautiful and more accessible [React](https://reactjs.org/) and\n[React Native](https://reactnative.dev/) apps based on\n[Material Design 3](https://m3.material.io/). Furthermore, MD3-UI is simple and\nfully customizable to follow your own design system.\n\n## Supported components\n\n- Buttons\n  - Common buttons\n  - Icon buttons\n- Cards\n- Chips\n- Navigation bar\n- Top app bar\n\n## Installation\n\nMD3-UI is available as an\n[npm package](https://www.npmjs.com/package/@md3-ui/core).\n\n```sh\n// with yarn\nyarn add @md3-ui/core\n\n// with npm\nnpm i @md3-ui/core\n```\n\n## Usage\n\nHere is a simple example to get you started:\n\n```jsx\nimport { AppRegistry } from \"react-native\"\nimport { Md3Provider, FilledButton } from \"@md3-ui/core\"\n\nfunction App() {\n  return (\n    \u003cMd3Provider\u003e\n      \u003cFilledButton\u003eHello World\u003c/FilledButton\u003e\n    \u003c/Md3Provider\u003e\n  )\n}\n\nAppRegistry.registerComponent(\"App\", () =\u003e App)\nAppRegistry.runApplication(\"App\", { rootTag: document.querySelector(\"#app\") })\n```\n\n## License\n\nThis project is licensed under the terms of the [MIT license](/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fefoken%2Fmd3-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fefoken%2Fmd3-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fefoken%2Fmd3-ui/lists"}