Material Design for Vue.js

Vue Material is Simple, lightweight and built exactly according to the Google Material Design specs

Demo and Documentation

Documentation & demos

Installation and Usage

Install Vue Material through npm or yarn

npm install culqi-ui --save
yarn add culqi-ui

* Others package managers like JSPM and Bower are not supported yet.

Import or require Vue and Vue Material in your code:

import Vue from 'vue'
import VueMaterial from 'culqi-ui'
import 'culqi-ui/dist/culqi-ui.min.css'

Vue.use(VueMaterial)

Or use individual components:

import Vue from 'vue'
import { MdButton, MdContent, MdTabs } from 'culqi-ui/dist/components'
import 'culqi-ui/dist/culqi-ui.min.css'

Vue.use(MdButton)
Vue.use(MdContent)
Vue.use(MdTabs)

Alternatively you can download and reference the script and the stylesheet in your HTML:

<link rel="stylesheet" href="path/to/culqi-ui.css">
<script src="path/to/culqi-ui.js"></script>

Optionally import Roboto font & Material Icons from Google CDN:

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Material+Icons">

NEXT JS CONFIG

  yarn add -D nuxt-vue-culqi-ui

  {
    ...

     modules: [
    'nuxt-vue-culqi-ui',
    ...
  ],

    ...
  }

Fork https://vuematerial.io/