hero

Material Components Vue

Material Design components for Vue.js

Get Started →

Material Design Specs

This library wraps the official Google mdc-web components which implement the Material Design specs.

Easy API

Simple and small as possible component APIs, without reinventing HTML.

Decoupled Components

Any component can be imported and used on it's own.

Quick Start

npm install --save material-components-vue

# or with yarn
yarn add material-components-vue
<template>
  <m-button>Hello</m-button>
</template>

<script>
  import Button from 'material-components-vue/dist/button'
</script>

<style>
  @import "material-components-vue/dist/button/button.min.css";
</style>