{"id":13442457,"url":"https://github.com/vuematerial/vue-material","last_synced_at":"2025-05-12T13:14:47.298Z","repository":{"id":38420133,"uuid":"61406260","full_name":"vuematerial/vue-material","owner":"vuematerial","description":"Vue.js Framework - ready-to-use Vue components with Material Design, free forever.","archived":false,"fork":false,"pushed_at":"2023-04-11T06:34:44.000Z","size":20168,"stargazers_count":9892,"open_issues_count":247,"forks_count":1145,"subscribers_count":221,"default_branch":"dev","last_synced_at":"2025-05-12T13:14:30.768Z","etag":null,"topics":["hacktoberfest","hacktoberfest2021","javascript","material","material-design","vue","vue-material"],"latest_commit_sha":null,"homepage":"https://www.creative-tim.com/vuematerial","language":"Vue","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/vuematerial.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":".github/CONTRIBUTING.md","funding":"FUNDING.yml","license":"LICENSE.md","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null},"funding":{"open_collective":"vue-material"}},"created_at":"2016-06-17T22:41:53.000Z","updated_at":"2025-05-09T15:03:49.000Z","dependencies_parsed_at":"2023-09-23T14:36:45.541Z","dependency_job_id":null,"html_url":"https://github.com/vuematerial/vue-material","commit_stats":{"total_commits":1077,"total_committers":102,"mean_commits":"10.558823529411764","dds":0.3974001857010213,"last_synced_commit":"7b1efd058abaccc826bcf856e2a879936bf0fcd3"},"previous_names":[],"tags_count":37,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vuematerial%2Fvue-material","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vuematerial%2Fvue-material/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vuematerial%2Fvue-material/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vuematerial%2Fvue-material/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vuematerial","download_url":"https://codeload.github.com/vuematerial/vue-material/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253745197,"owners_count":21957319,"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":["hacktoberfest","hacktoberfest2021","javascript","material","material-design","vue","vue-material"],"created_at":"2024-07-31T03:01:45.922Z","updated_at":"2025-05-12T13:14:47.257Z","avatar_url":"https://github.com/vuematerial.png","language":"Vue","funding_links":["https://opencollective.com/vue-material"],"categories":["Vue","前端开发框架及项目","构架","Components \u0026 Libraries","Frameworks","Frameworks [🔝](#readme)"],"sub_categories":["REST","Frameworks","其他_文本生成、文本对话","响应","Responsive"],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.creative-tim.com/vuematerial\" target=\"_blank\"\u003e\n    \u003cimg width=\"150\" src=\"https://www.creative-tim.com/vuematerial/assets/logo-color.png\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003eMaterial Design for Vue.js\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://travis-ci.org/vuematerial/vue-material\"\u003e\n    \u003cimg src=\"https://travis-ci.org/vuematerial/vue-material.svg?branch=master\" alt=\"Build Status\"\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://www.npmjs.com/package/vue-material\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dt/vue-material.svg\" alt=\"Downloads\"\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://www.npmjs.com/package/vue-material\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/l/vue-material.svg\" alt=\"License\"\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://discord.gg/vuematerial\"\u003e\n    \u003cimg src=\"https://img.shields.io/discord/379653048798281729.svg?logo=discord\u0026colorB=7289DA\" alt=\"Chat\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\nVue Material is Simple, lightweight and built exactly according to the Google \u003ca href=\"http://material.google.com\" target=\"_blank\"\u003eMaterial Design\u003c/a\u003e specs\n\nBuild well-designed apps that can fit on every screen with support to all modern Web Browsers with dynamic themes, components on demand and all with an ease-to-use API\n\n## Demo and Documentation\n\n\u003ca href=\"https://www.creative-tim.com/vuematerial\" target=\"_blank\"\u003eDocumentation \u0026 demos\u003c/a\u003e\n\n\u003ca href=\"https://github.com/vuematerial/examples\" target=\"_blank\"\u003eExamples\u003c/a\u003e\n\n## Installation and Usage\n\nInstall Vue Material through npm or yarn\n\n``` bash\nnpm install vue-material --save\nyarn add vue-material\n```\n\n\u003csmall\u003e* Others package managers like JSPM and Bower are not supported yet.\u003c/small\u003e\n\nImport or require Vue and Vue Material in your code:\n\n``` javascript\nimport Vue from 'vue'\nimport VueMaterial from 'vue-material'\nimport 'vue-material/dist/vue-material.min.css'\n\nVue.use(VueMaterial)\n```\n\nOr use individual components:\n\n``` javascript\nimport Vue from 'vue'\nimport { MdButton, MdContent, MdTabs } from 'vue-material/dist/components'\nimport 'vue-material/dist/vue-material.min.css'\n\nVue.use(MdButton)\nVue.use(MdContent)\nVue.use(MdTabs)\n```\n\nAlternatively you can \u003ca href=\"https://github.com/vuematerial/vue-material/archive/master.zip\" target=\"_blank\" rel=\"noopener\"\u003edownload\u003c/a\u003e and reference the script and the stylesheet in your HTML:\n\n``` html\n\u003clink rel=\"stylesheet\" href=\"path/to/vue-material.css\"\u003e\n\u003cscript src=\"path/to/vue-material.js\"\u003e\u003c/script\u003e\n```\n\nOptionally import Roboto font \u0026 Material Icons from Google CDN:\n\n``` html\n\u003clink rel=\"stylesheet\" href=\"//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Material+Icons\"\u003e\n```\n\n## Changelog\n\n\u003ca href=\"https://github.com/vuematerial/vue-material/releases\"\u003eChangelog\u003c/a\u003e\n\n## Questions\n\nIf you have any questions, ideas or you want to discuss with Vue Material community, use [Discord](https://discord.gg/vuematerial) to join us.\n\n## Contributing\n\nPlease make sure to read the [Contributing Guide](https://github.com/vuematerial/vue-material/blob/master/.github/CONTRIBUTING.md) before making a pull request.\n\n## Browser Support\n\nVue Material supports all [modern browsers](http://browserl.ist/?q=%3E%3D+1%25).\n\n\u003csmall\u003eMay work in other browsers but it's untested.\u003c/small\u003e\n\n## Become a part of the Vue Material community\n\n####  This project exists thanks to all the people who contribute\n\u003ca class=\"contributors-image\" href=\"https://github.com/vuematerial/vue-material/contributors\"\u003e\u003cimg src=\"https://opencollective.com/vue-material/contributors.svg?width=1500\u0026button=false\" /\u003e\u003c/a\u003e\n\n#### Sponsors \u0026 Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/vue-material)]\n\n\u003ca href=\"https://opencollective.com/vue-material#backers\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/vue-material/tiers/backer.svg?avatarHeight=90\" /\u003e\u003c/a\u003e\n\n## Credits and Thanks\n\nVue Material does not run under the umbrella of any company or anything like that. It is an independent project created by \u003ca data-v-9248b2ee=\"\" href=\"https://www.github.com/marcosmoura\" target=\"_blank\"\u003eMarcos Moura\u003c/a\u003e in his spare time, which has become one of the most used UI Libraries for Vue.js. The development is active and we are working hard to release great things for you.\n\n* \u003ca href=\"https://github.com/elviskang\" target=\"_blank\"\u003eelviskang\u003c/a\u003e for donating the npm package name!\n* \u003ca href=\"https://github.com/brunocastro\" target=\"_blank\"\u003eBruno Castro\u003c/a\u003e for the awesome Vue Material Logo.\n* Supported by \u003ca href=\"https://www.creative-tim.com/?ref=vuematerial.io\" target=\"_blank\"\u003eCreative Tim\u003c/a\u003e\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvuematerial%2Fvue-material","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvuematerial%2Fvue-material","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvuematerial%2Fvue-material/lists"}