Rubik UIMaterial Design 风格的 Vue.js UI 组件库
关于 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
NPM
Support
Support Vue.js 2.0+
Not support Vue.js 1.x
Demo
https://ccforward.github.io/rubik/
Usage
npm install
$ npm install i-rubik --save $ yarn add i-rubik
Rubik init
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
<link href="./node_modules/i-rubik/dist/rubik.min.css" rel="stylesheet" type="text/css">
OR
<link href="//unpkg.com/i-rubik/dist/rubik.min.css" rel="stylesheet" type="text/css">
Releated Projects
Rubik UI 的部分组件和样式代码参考了以下项目
Thanks to
评论
iView基于 Vue.js 的 UI 组件库
iView是一套基于Vue.js的UI组件库,主要服务于PC界面的中后台产品。特性高质量、功能丰富友好的API,自由灵活地使用空间使用单文件的Vue组件化开发模式基于npm+webpack+babel
iView基于 Vue.js 的 UI 组件库
0
HeyUI基于 Vue.js 的 UI 组件库
HeyUI是一套基于Vue2.0的开源UI组件库,主要服务于一些中后台产品。特性HeyUI提供的是一整套解决方案,所有的组件提供全局的可配置模式。全局的配置模式数据字典化 Documentation
HeyUI基于 Vue.js 的 UI 组件库
0
Muse-UIVue2.0 的 Material Design UI 组件库
Muse-UI 基于Vue2.0的MaterialDesignUI组件库安装npm install muse-ui --save使用 import Vue from 'vue'import Muse
Muse-UIVue2.0 的 Material Design UI 组件库
0
VARLETMaterial design 风格移动端组件库
Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库,全面拥抱 Vue3
VARLETMaterial design 风格移动端组件库
0
Lightning Design SystemSalesforce 的企业级 UI 组件库
Lightning Design System 是在 Salesforce 生态系统中用于创建统一
Lightning Design SystemSalesforce 的企业级 UI 组件库
0