material-components-vue

Material Design components for Vue.js
11,761 298
vue material-design material-components-web mdc-web
Install
npm install material-components-vue
Latest Version:1.2.0
Vue:2
License:MIT
Last Updated:Aug 26, 2020
Links: GitHub  ·  npm
Maintainer: matsp

Material Components Vue

Material Design styled components for Vue.js

Material-components-vue integrates the mdc-web (by google) vanilla components following the simple approach.

https://matsp.github.io/material-components-vue

Development

This project is under active developement but I could need any help you can provide. Due a huge workload in my daily job I'am struggling with upgrading to the newest versions of the upstream project: mdc-web.

Links

Support

If you want to help feel free to submit issues or pull requests. Every information that help to stabilize and improve the library is welcome!

When you want to support me you can buy me a :coffee: here :+1:

Features

  • decoupled components
  • implementing just the specs not more or less
  • keep the components as simple as possible
  • keep in sync with changes in the mdc-web repository
  • user friendly component api
  • SSR (Server Side Rendering) support

Documentation

You will find a API documentation for each component in their corresponding component directory:

components/[component]/README.md

Distributions

Name ECMA Minimized
dist/[component]/index.js 5 no
dist/[component]/[component].min.js 5 yes

All versions are provided as UMD modules.

Name Description
dist/[component]/[component].min.css Minified component CSS
dist/[component]/styles.scss Raw SASS styles of mdc-web

Related Packages

vue-cli-plugin-material

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

953 15
material-design mdc-web vue material material-components plugin vue-cli vue-cli-plugin vue-mdc-adapter vuejs
vela-admin

Vela Admin 是一个面向 Vue 3 的后台应用框架基底，提供后台应用常见的布局、路由解析...

931 0
material-design vue admin varlet vite
kmh-common-components

Pack of kmh components for vue.js

4,642
material-design vue drawer md navigation vuejs
@m3ui-vue/m3ui-vue

Material 3 component library for Vue 3 + Tailwind CSS v4

10,873 12
material-design vue components material-3 tailwindcss ui vue3
vue-directive-ripple

A Vue 3 plugin that adds a `v-ripple` directive to bring the Material Design rip...

450 0
material-design vue md ripple v-ripple vue-directive vue-plugin

Version History

Version Released License
1.2.0 MIT
1.1.0 MIT
1.0.2 MIT
1.0.1 MIT
1.0.0 MIT
Pre-releases (4)
Version Released License
1.2.0-alpha.0 MIT
1.0.0-alpha.2 MIT
1.0.0-alpha.1 MIT
1.0.0-alpha.0 MIT