Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vuematerial/vue-material
Vue.js Framework - ready-to-use Vue components with Material Design, free forever.
https://github.com/vuematerial/vue-material
hacktoberfest hacktoberfest2021 javascript material material-design vue vue-material
Last synced: 5 days ago
JSON representation
Vue.js Framework - ready-to-use Vue components with Material Design, free forever.
- Host: GitHub
- URL: https://github.com/vuematerial/vue-material
- Owner: vuematerial
- License: mit
- Created: 2016-06-17T22:41:53.000Z (over 8 years ago)
- Default Branch: dev
- Last Pushed: 2023-04-11T06:34:44.000Z (almost 2 years ago)
- Last Synced: 2024-10-29T11:23:41.831Z (2 months ago)
- Topics: hacktoberfest, hacktoberfest2021, javascript, material, material-design, vue, vue-material
- Language: Vue
- Homepage: https://www.creative-tim.com/vuematerial
- Size: 19.2 MB
- Stars: 9,893
- Watchers: 224
- Forks: 1,155
- Open Issues: 244
-
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
Awesome Lists containing this project
- stars - vuematerial/vue-material - ready-to-use Vue components with Material Design, free forever. (Vue / REST)
- awesome-material-design - Vue material - Lightweight material library for Vue (Vue / Frameworks)
- StarryDivineSky - vuematerial/vue-material
README
Material Design for Vue.js
Vue Material is Simple, lightweight and built exactly according to the Google Material Design specs
Build 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
## Demo and Documentation
## Installation and Usage
Install Vue Material through npm or yarn
``` bash
npm install vue-material --save
yarn add vue-material
```
* Others package managers like JSPM and Bower are not supported yet.
Import or require Vue and Vue Material in your code:
``` javascript
import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.min.css'
Vue.use(VueMaterial)
```
Or use individual components:
``` javascript
import Vue from 'vue'
import { MdButton, MdContent, MdTabs } from 'vue-material/dist/components'
import 'vue-material/dist/vue-material.min.css'
Vue.use(MdButton)
Vue.use(MdContent)
Vue.use(MdTabs)
```
Alternatively you can download and reference the script and the stylesheet in your HTML:
``` html
```
Optionally import Roboto font & Material Icons from Google CDN:
``` html
```
## Changelog
## Questions
If you have any questions, ideas or you want to discuss with Vue Material community, use [Discord](https://discord.gg/vuematerial) to join us.
## Contributing
Please make sure to read the [Contributing Guide](https://github.com/vuematerial/vue-material/blob/master/.github/CONTRIBUTING.md) before making a pull request.
## Browser Support
Vue Material supports all [modern browsers](http://browserl.ist/?q=%3E%3D+1%25).
May work in other browsers but it's untested.
## Become a part of the Vue Material community
#### This project exists thanks to all the people who contribute
#### Sponsors & Backers
Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/vue-material)]
## Credits and Thanks
Vue Material does not run under the umbrella of any company or anything like that. It is an independent project created by Marcos Moura 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.
* elviskang for donating the npm package name!
* Bruno Castro for the awesome Vue Material Logo.
* Supported by Creative Tim
## License
MIT