Material Web Components For Vue.js

Material Web Components For Vue.js

A collection of fast, easy-to-use web components for Vue.js applications.

If you're looking for vue-mdl, check the mdl branch. To learn about what's happening, check #139

last version Circle CI Codecov Coverage Discord

Vue Material Components web

Material Components Web for Vue.js

This is the adaptation of Material Components web for Vue.js. Keeping them fast, easy to use and, SSR ready.

The docs will be the demo, until then you can check the test folder and the Material Components web demo


$ npm install --save vue-mdc
# or
$ yarn add vue-mdc


Bundler (Webpack, Rollup)

import Vue from 'vue'
import VueMdc from 'vue-mdc'
// You need a specific loader for CSS files like
import 'vue-mdc/dist/vue-mdc.css'



<!-- Include after Vue -->
<!-- Local files -->
<link rel="stylesheet" href="vue-mdc/dist/vue-mdc.css"></link>
<script src="vue-mdc/dist/vue-mdc.js"></script>

<!-- From CDN -->
<link rel="stylesheet" href=""></link>
<script src=""></script>



Github Repository

Tags: #VueJs