Material design for Vue.js
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Lukas Matt 21520ef306 generate latest distribution files 1 year ago
.github chore: apply discord vanity URL (#1927) 3 years ago
build chore: some misspellings in config.js (#1986) 2 years ago
dist generate latest distribution files 1 year ago
docs Fix typo in docs - Update Card.vue (#2269) 1 year ago
src fix badInput undefined (#2262) 1 year ago
test fix(MdDatepicker): Pick text button (confirm and cancel) from locale configuration (#2078) 1 year ago
.babelrc test: fix test execution 3 years ago
.codeclimate.yml Update .codeclimate.yml 3 years ago
.editorconfig refactor: misc changes 4 years ago
.eslintignore chore: add commit convention and changelog 4 years ago
.eslintrc Eslint rules to force existing code style (#2202) 1 year ago
.gitignore docs: fix 2 wrong property names with autocomplete docs (#2006) 2 years ago
.travis.yml docs: improve Codepen examples by transpile all scripts and styles 4 years ago build: changelog 1.0.0-beta-15 1 year ago
FUNDING.yml Feature/add open collective (#2224) 1 year ago Rename LICENSE to 1 year ago Update 1 year ago Feature/add open collective (#2224) 1 year ago
package-lock.json build: release 1 year ago
package.json build: release 1 year ago
yarn.lock generate latest distribution files 1 year ago

Material Design for Vue.js

Build Status Downloads License Chat

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

Documentation & demos


If you are trying to find the documentation for previous versions, please go to old website.

Installation and Usage

Install Vue Material through npm or yarn

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:

import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.min.css'


Or use individual components:

import Vue from 'vue'
import { MdButton, MdContent, MdTabs } from 'vue-material/dist/components'
import 'vue-material/dist/vue-material.min.css'


Alternatively you can download and reference the script and the stylesheet in your HTML:

<link rel="stylesheet" href="path/to/vue-material.css">
<script src="path/to/vue-material.js"></script>

Optionally import Roboto font & Material Icons from Google CDN:

<link rel="stylesheet" href="//,400,500,700,400italic|Material+Icons">




If you have any questions, ideas or you want to discuss with Vue Material community, use Discord to join us.


Please make sure to read the Contributing Guide before making a pull request.

Browser Support

Vue Material supports all modern browsers.

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]

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.