https://github.com/ccforward/rubik

Material Design Vue.js UI Components
https://github.com/ccforward/rubik

css icon-font material-design material-ui rubik rubik-ui vue-components vue-ui

Last synced: about 1 month ago
JSON representation

Material Design Vue.js UI Components

• Host: GitHub
• URL: https://github.com/ccforward/rubik
• Owner: ccforward
• License: mit
• Created: 2016-12-24T14:56:24.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-03-05T07:05:26.000Z (over 6 years ago)
• Last Synced: 2024-07-25T13:51:51.383Z (about 2 months ago)
• Topics: css, icon-font, material-design, material-ui, rubik, rubik-ui, vue-components, vue-ui
• Language: Vue
• Homepage: https://ccforward.github.io/rubik/
• Size: 2.29 MB
• Stars: 284
• Watchers: 12
• Forks: 43
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-vue - rubik - 基于Vuejs2的开源 UI 组件库 (UI组件)
• awesome-github-vue - rubik - 基于Vuejs2的开源 UI 组件库 (UI组件)
• awesome-github-vue - rubik - 基于Vuejs2的开源 UI 组件库 (UI组件)
• awesome - rubik - 基于Vuejs2的开源 UI 组件库 (UI组件)

README

        
# 关于 Rubik UI

Rubik UI is a Material Design style ui library based Vue.js 2.0+ which can be used for PC and Mobile.

Rubik UI 是一个基于 Vue.js 2.0+ 的开源 UI 组件库，在交互和视觉设计上遵循 Material Design 规范，适用于 PC 端和 mobile 端。

## GitHub

[https://github.com/ccforward/rubik](https://github.com/ccforward/rubik)

## NPM

[![npm](https://img.shields.io/npm/v/i-rubik.svg)](https://www.npmjs.com/package/i-rubik)

## Support

Support Vue.js 2.0+

Not support Vue.js 1.x

## Demo

[https://ccforward.github.io/rubik/](https://ccforward.github.io/rubik/)

[http://rubik.ccforward.net/](http://rubik.ccforward.net/)

## Usage

#### npm install

``` shell

$ npm install i-rubik --save

$ yarn add i-rubik

```

#### Rubik init

``` js

import Vue from 'vue'

import Rubik from 'i-rubik'

Vue.use(Rubik)

export default {

  name: 'app',

  mounted(){

    this.$rubik.init()

  }

}

```

### iconfont

Material Design's iconfont has been writtened in css file

### import css

```html

```

OR

```html

```

## Releated Projects

Rubik UI 的部分组件和样式代码参考了以下项目 

Thanks to

*   [materializecss](http://materializecss.com/)

*   [material-ui](http://www.material-ui.com/)

*   [iview](https://www.iviewui.com/)

*   [vuetify](https://vuetifyjs.com/)