https://stasson.github.io/vue-mdc-adapter/
DEPRECATED
https://stasson.github.io/vue-mdc-adapter/
deprecated
Last synced: 8 months ago
JSON representation
DEPRECATED
- Host: GitHub
- URL: https://stasson.github.io/vue-mdc-adapter/
- Owner: stasson
- License: mit
- Created: 2017-05-19T05:58:52.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2020-06-02T18:24:59.000Z (over 5 years ago)
- Last Synced: 2025-04-10T12:23:12.515Z (8 months ago)
- Topics: deprecated
- Language: Vue
- Homepage: https://stasson.github.io/vue-mdc-adapter
- Size: 10.6 MB
- Stars: 413
- Watchers: 15
- Forks: 69
- Open Issues: 41
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-material-design - Vue MDC Adapter - Integration of Material Components for Vue.js which follows the best practices recommended by Google. (Vue / Frameworks)
- awesome-ui-component-library - Vue MDC Adapter - mdc-adapter.svg?label=&style=social)](https://github.com/stasson/vue-mdc-adapter) - Integration of Material Components for Vue.js which follows the best practices recommended by Google (VueJS / Related community list)
- awesome-uikit - vue-mdc-adapter - mdc-adapter?label=" /> - Material Components for VueJS. [![Open-Source Software][OSS Icon]](https://github.com/stasson/vue-mdc-adapter) (UI Components / Vue)
README
[](http://unmaintained.tech/)
# DEPRECATED
> **This project is stale. You may be interested in following alternatives:**
>
> - [Vuetify](https://vuetifyjs.com/en/)
> The reference Material implementation for Vue, Not based on MDC-Web though
> - [material-components-vue](https://github.com/matsp/material-components-vue)
> a very serious Vue implementation of MDC-Web
> - [pgbross/vue-material-adapter](https://github.com/pgbross/vue-material-adapter)
> an updated version based on a fork of this project that may be of interest.
## Material Components for Vue
`vue-mdc-adapter` is an integration of
[Material Components](https://material.io/components/web/)
for [Vue.js](https://vuejs.org) which follows the best practices
recommended by Google:
[Using Foundations and Adapters](https://github.com/material-components/material-components-web/blob/master/docs/integrating-into-frameworks.md#the-advanced-approach-using-foundations-and-adapters)
This project aims to find the right balance between ease of use and
customization while sticking to the _Vue Spirit_ (approachable, versatile, and performant)
## Quick Links
- [Documentation & Demo](https://stasson.github.io/vue-mdc-adapter)
- [CodePen](https://codepen.io/collection/XBpwxq/) & [CodeSandbox](https://codesandbox.io/s/r5o35xnn3q?module=%2Fsrc%2Fcomponents%2FHello.vue)
- [Webpack Boilerplate](https://github.com/stasson/vue-mdc-adapter-template)
- [Changelog](https://github.com/stasson/vue-mdc-adapter/blob/master/CHANGELOG.md)
- [Contributing](https://github.com/stasson/vue-mdc-adapter/blob/master/CONTRIBUTING.md)
## Quick Start
#### Playground
Fork the [reference codepen template](https://codepen.io/stasson/pen/XzmMKp)
or one of the [vue-mdc-adapter codepen collection](https://codepen.io/collection/XBpwxq/)
or the [CodeSandbox](https://codesandbox.io/s/r5o35xnn3q?module=%2Fsrc%2Fcomponents%2FHello.vue)
#### CDN
```html
```
#### Vue CLI
##### Simple
```console
npm install -g vue-cli
vue init stasson/vue-mdc-adapter-simple my-project
```
##### Webpack
```console
npm install -g vue-cli
vue init stasson/vue-mdc-adapter-webpack my-project
cd my-project
npm install
npm run dev
```
> Check out the [Getting Started](https://stasson.github.io/vue-mdc-adapter/#/docs/getting-started) guide for more.