{"id":20494316,"url":"https://github.com/vuematerial/vue-material-old","last_synced_at":"2026-05-11T09:28:51.123Z","repository":{"id":119509410,"uuid":"110481051","full_name":"vuematerial/vue-material-old","owner":"vuematerial","description":"DEPRECATED: Pre 1.0 version of Vue Material","archived":false,"fork":false,"pushed_at":"2018-05-13T17:46:31.000Z","size":9530,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-01-16T05:56:02.680Z","etag":null,"topics":["javascript","material","material-design","vue","vue-material"],"latest_commit_sha":null,"homepage":"http://vuematerial.io","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":null,"contributing":".github/CONTRIBUTING.md","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}},"created_at":"2017-11-13T00:22:30.000Z","updated_at":"2018-09-28T13:18:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"7a161038-cbf1-4190-9378-154183cec80d","html_url":"https://github.com/vuematerial/vue-material-old","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vuematerial%2Fvue-material-old","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vuematerial%2Fvue-material-old/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vuematerial%2Fvue-material-old/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vuematerial%2Fvue-material-old/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vuematerial","download_url":"https://codeload.github.com/vuematerial/vue-material-old/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242076013,"owners_count":20068231,"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","vue","vue-material"],"created_at":"2024-11-15T17:39:05.755Z","updated_at":"2026-05-11T09:28:51.066Z","avatar_url":"https://github.com/vuematerial.png","language":"Vue","funding_links":["https://www.patreon.com/marcosmoura"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"http://vuematerial.io/\" target=\"_blank\"\u003e\n    \u003cimg width=\"150\" src=\"http://vue-material-old.netlify.com/assets/logo-vue-material-default.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://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/v/vue-material.svg\" alt=\"Version\"\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\u003c/p\u003e\n\n**DEPRECATED**: This is a deprecated version of Vue Material. Please follow the \u003ca href=\"https://github.com/vuematerial/vue-material\"\u003ecurrent version\u003c/a\u003e of the project.\n\n----------\n\nVue Material is lightweight framework built exactly according to the \u003ca href=\"http://material.google.com\" target=\"_blank\"\u003eMaterial Design\u003c/a\u003e specs.\n\nIt aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to all modern Web Browsers through Vue 2.\n\nBuild powerful and well-designed web apps that can fit on every screen. You can generate and use themes dynamically, use components on demand, take advantage of UI Elements and Components with an ease-to-use API.\n\n## Demo and Documentation\n\u003ca href=\"http://vuematerial.io/\" target=\"_blank\"\u003eDemo\u003c/a\u003e\n\n## Installation\n\nImport Roboto and Material Icons from Google CDN:\n\n``` html\n\u003clink rel=\"stylesheet\" href=\"//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic\"\u003e\n\u003clink rel=\"stylesheet\" href=\"//fonts.googleapis.com/icon?family=Material+Icons\"\u003e\n```\n\nInstall Vue Material through npm or yarn\n``` bash\nnpm install --save vue-material@0.8.1\nyarn add vue-material@0.8.1\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``` javascript\nimport Vue from 'vue'\nimport VueMaterial from 'vue-material'\nimport 'vue-material/dist/vue-material.css'\n\n// OR\n\nvar Vue = require('vue')\nvar VueMaterial = require('vue-material')\nrequire('vue-material/dist/vue-material.css')\n```\n\nAlternativelly you can \u003ca href=\"https://github.com/marcosmoura/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\n## Usage\n\nEnable Vue Material in your application using ```Vue.use()```. You can always enable individual components:\n``` javascript\nVue.use(VueMaterial)\n\n// OR\n\nVue.use(VueMaterial.MdCore) //Required to boot vue material\nVue.use(VueMaterial.MdButton)\nVue.use(VueMaterial.MdIcon)\nVue.use(VueMaterial.MdSidenav)\nVue.use(VueMaterial.MdToolbar)\n```\n\n## Sponsors \u0026amp; Backers\n\u003cp\u003eVue Material do not run under the umbrella of any company or something like that. Is an independent project created by \u003ca href=\"https://www.github.com/marcosmoura\" target=\"_blank\"\u003eMarcos Moura\u003c/a\u003e on spare time that became 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.\u003c/p\u003e\n\u003cp\u003eIf you think that this project helped you or your company in some way, you can consider become a backer/sponsor on Patreon:\u003c/p\u003e\n\n\u003cp\u003e\n  \u003ca href=\"https://www.patreon.com/marcosmoura\" target=\"_blank\"\u003e\n    \u003cimg width=\"150\" src=\"https://c5.patreon.com/external/logo/become_a_patron_button.png\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003chr\u003e\n\n\u003ch3\u003eSponsors\u003c/h3\u003e\n\nYatima Kagurazaka\n\u003cp\u003e\n  \u003cimg width=\"150\" src=\"https://user-images.githubusercontent.com/1357885/30575587-406d25f6-9cd8-11e7-8c73-5d08e956e6f8.png\"\u003e\n\u003c/p\u003e\n\n## Changelog\n\u003ca href=\"http://vuematerial.io/#/changelog\" target=\"_blank\"\u003eChangelog\u003c/a\u003e\n\n## Questions\nThe issue list is exclusively for reports, bugs and feature requests. Use the [Slack](https://join.slack.com/t/vuematerial/shared_invite/MTgzMzU2NDQ5ODkwLTE0OTQ4MDI3MDAtNWYyZjhkNzEzMA) instead.\n\n## Contributing\n\nPlease make sure to read the [Contributing Guide](https://github.com/marcosmoura/vue-material/blob/master/.github/CONTRIBUTING.md) before making a pull request.\n\n## Browser Support\nVue Material supports the latest version of all Browsers. This means:\n* Google Chrome 52+\n* Firefox 48+\n* Safari 9+\n* Opera 38+\n* Edge 12+\n* IE 11\n\n\u003csmall\u003eMay work in other browsers but it's untested.\u003c/small\u003e\n\n## Credits and Thanks\n* This library aims to delivery components using almost the same API of \u003ca href=\"https://material.angularjs.org/latest/\" target=\"_blank\"\u003eAngular Material\u003c/a\u003e\n* Thanks a lot to \u003ca href=\"https://github.com/elviskang\" target=\"_blank\"\u003eelviskang\u003c/a\u003e for donating the npm package name!\n* Thanks to \u003ca href=\"https://github.com/yyx990803\" target=\"_blank\"\u003eEvan You\u003c/a\u003e for allowing me to use Vue.js Logo.\n\n## Internal Dependencies\nYou don't need to include any other library to work with vue-material. The focus of this project is to have a standalone build with no external dependence, but aiming to deliver the best experience without break the compatibility with the Vue.js core.\n* \u003ca href=\"http://vuejs.org\" target=\"_blank\"\u003evue\u003c/a\u003e\n* \u003ca href=\"http://www.jacklmoore.com/autosize/\" target=\"_blank\"\u003eautosize\u003c/a\u003e\n* \u003ca href=\"https://www.npmjs.com/package/element.scrollintoviewifneeded-polyfill\" target=\"_blank\"\u003eelement.scrollintoviewifneeded-polyfill\u003c/a\u003e\n\n## License\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvuematerial%2Fvue-material-old","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvuematerial%2Fvue-material-old","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvuematerial%2Fvue-material-old/lists"}