vue-cli-plugin-material

Vue CLI plugin for MDC Web and Vue MDC Adapter with Sass support.

953 15

vue vuejs plugin vue-cli material-design material vue-cli-plugin mdc-web vue-mdc-adapter material-components

Install
`npm install vue-cli-plugin-material`
Latest Version:	0.2.4 (Apr 1, 2026)
License:	MIT
Last Updated:	Apr 9, 2026
Links:	GitHub · npm

Maintainer: rustemgareev

vue-cli-plugin-material is a Vue CLI plugin to help you get started with Material Design Components for Vue.js.

This plugin will:

Add Material Components Web and Vue MDC Adapter to your project's dependencies
Add node-sass and sass-loader to your project's devDependencies
Configure Webpack for using Material Components Web's Sass (SCSS) files
Add required import to your main.js file
Add Roboto font and Material Icons to your index.html

This is a plugin for @vue/cli@^3.0.0-beta.10 and Webpack 4, so it's assumed you have vue-cli installed:

npm i -g @vue/cli

Create your new project with Vue CLI:

vue create my-project

Then, go into your project's folder and add the plugin:

cd my-project
vue add material

Finally, serve your project which will be available at http://localhost:8080:

npm run serve

Related Packages

vue-cli-plugin-chrome-extension

A vue-cli plugin for create chrome extension project

613 1

plugin vue vue-cli vue-cli-plugin chrome extension

vue-cli-plugin-yaml-loader

Add support for YAML in your Webpack config.

4,405 0

plugin vue vue-cli vue-cli-plugin webpack webpack-loader yaml yaml-loader yml

@codetrial/vue-cli-plugin-element

Quickly build a backend system with vue-cli and element-ui in seconds.

1,311 22

plugin vue vue-cli vue-cli-plugin element layout preset structure vue-cli-preset

vue-cli-plugin-lodash

vue-cli plugin for lodash

4,260 4

plugin vue-cli lodash

@phiny1/vue-cli-plugin-p11n

Vue CLI 3 plugin to pluginize your Vue project

3,992

plugin vue vue-cli