{"id":20074382,"url":"https://github.com/glare-labs/vue-mdc","last_synced_at":"2025-05-05T21:31:51.692Z","repository":{"id":208966429,"uuid":"722397648","full_name":"glare-labs/vue-mdc","owner":"glare-labs","description":"Material Design 3 styled components for Vue3js.","archived":false,"fork":false,"pushed_at":"2024-10-23T11:58:34.000Z","size":2524,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-10-24T18:54:13.236Z","etag":null,"topics":["component-library","m3","material","material-design","material-design-3","material-you","md3","mdc","vue","vue-components","vue-library","vue3","vuejs"],"latest_commit_sha":null,"homepage":"https://vue-mdc.web.app","language":"SCSS","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/glare-labs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-11-23T04:00:49.000Z","updated_at":"2024-10-23T11:58:40.000Z","dependencies_parsed_at":"2023-11-24T09:31:35.631Z","dependency_job_id":"70a88c82-16cc-49fc-bf1e-4b270d116ad8","html_url":"https://github.com/glare-labs/vue-mdc","commit_stats":null,"previous_names":["bre97-web/material-anti-mage-vue","glare-labs/ui","glare-labs/vue-mdc"],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glare-labs%2Fvue-mdc","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glare-labs%2Fvue-mdc/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glare-labs%2Fvue-mdc/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glare-labs%2Fvue-mdc/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/glare-labs","download_url":"https://codeload.github.com/glare-labs/vue-mdc/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224470425,"owners_count":17316703,"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":["component-library","m3","material","material-design","material-design-3","material-you","md3","mdc","vue","vue-components","vue-library","vue3","vuejs"],"created_at":"2024-11-13T14:51:50.862Z","updated_at":"2024-11-13T14:51:51.577Z","avatar_url":"https://github.com/glare-labs.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# @glare-labs/vue-mdc\n\n![Vue MDC Logo](https://raw.githubusercontent.com/glare-labs/vue-mdc/refs/heads/main/docs/vue-mdc-cover.png)\n\n![NPM Downloads](https://img.shields.io/npm/d18m/@glare-labs/vue-mdc?label=NPM%20Downloads)\n![GitHub Downloads (all assets, all releases)](https://img.shields.io/github/downloads/glare-labs/vue-mdc/total?label=Github%20Downloads)\n![NPM Version](https://img.shields.io/npm/v/%40glare-labs%2Fvue-mdc?label=NPM%20Version)\n![GitHub License](https://img.shields.io/github/license/glare-labs/vue-mdc?label=License)\n\n`@glare-labs/vue-mdc` provides easy-to-use simple Vue components, provides complete type support, and is based on Vue3 and TypeScript.\n\nWith the help of the third-party library [`@material/material-color-utilities`](https://github.com/material-foundation/material-color-utilities), you can easily create a color scheme that conforms to the rules, and each component following the design principles of [`Material Design 3`](https://m3.material.io/).\n\nNow the bundle size has been calculated: [bundle-size.md](https://github.com/glare-labs/vue-mdc/blob/main/packages/vue-mdc/bundle-size.md).\n\n## :zap: Highlights\n\n+ Dynamic Theme\n+ Material Design 3\n+ Vue 3\n+ TypeScript Supported\n\n## :eyes: Installation\n\nCurrently in **beta** phase.\n\n```bash\nnpm i @glare-labs/vue-mdc @material/material-color-utilities @glare-labs/material-tokens-generator\n```\n\n## :ship: Example\n\n+ [StackBlitz Example](https://stackblitz.com/edit/nuxt-starter-z1ueb2?embed=1\u0026file=app.vue)\n\n## :ledger: Documents\n\nDocumentation is available at [Github Wiki](https://github.com/glare-labs/ui/wiki), or visit [Vue MDC Website](https://vue-mdc.web.app)\n\n_Official website is subject to Firebase plan and rate restrictions._\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fglare-labs%2Fvue-mdc","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fglare-labs%2Fvue-mdc","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fglare-labs%2Fvue-mdc/lists"}