Awesome Open Source
Awesome Open Source

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>




Launch visual tests

npm run dev

Launch Karma with coverage

npm run dev:coverage


Bundle the js and css of to the dist folder:

npm run build


The prepublish hook will ensure dist files are created before publishing. This way you don't need to commit them in your repository.

# Bump the version first
# It'll also commit it and create a tag
npm version
# Push the bumped package and tags
git push --follow-tags
# Ship it 🚀
npm publish



Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (69,677
vue (4,191
web (1,009
google (401
material (379
design (377
components (288