UI 界面框架 MUI CSS

MIT
跨平台
2015-02-20
红薯

MUI 是一个轻量级的 HTML、CSS 和 JS 框架,遵循 Google 的 Material Design 设计思路。MUI CSS可以在使用SASS源码时,通过GitHub或Bower来轻松定制它。自定义的范围包括响应断点,默认字体设置和使用Material Design颜色等等。MUI CSS/JS并不依赖任何其他的程序。

示例 HTML:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- load MUI -->
    <link href="//cdn.muicss.com/mui-0.0.1/css/mui.min.css" rel="stylesheet" type="text/css" />
    <script src="//cdn.muicss.com/mui-0.0.1/js/mui.min.js"></script>
  </head>
  <body>
    <!-- example content -->
    <div class="mui-container">
      <div class="mui-panel">
        <h1>My Title</h1>
        <button class="mui-btn mui-btn-primary mui-btn-raised">My Button</button>
      </div>
    </div>
  </body>
</html>

MUI 体积很小:

  • mui.min.css - 5.7K (gzipped)

  • mui.min.js - 3.0K (gzipped)

开发依赖:

的码云指数为
超过 的项目
加载中

评论(5)

璐璐111
璐璐111
挺好
jude
jude
文档太差。。。 #MUI CSS#
iZcy
iZcy
确定不和HBUILDER的MUI重名吗? #MUI CSS#
loyal
loyal
看过好多类似的框架,结果最后都死了...没人更新没人维护.. #MUI CSS#
高雷
高雷
好棒 #MUI CSS#

暂无资讯

暂无问答

jQuery刻度尺滚动滑块插件

jQuery刻度尺滚动滑块插件 需要用到一个刻度尺插件,网上找来找去都是那几种,所以用jQuery自己写了一个。 <!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta n...

2016/12/28 12:02
135
0
前端CSS框架

**[Mobi.css](https://github.com/xcatliu/mobi.css)**: http://getmobicss.com **[YUI]( https://github.com/yui/yui3)**: http://yuilibrary.com **[Pure.css](https://github.com/yahoo/p...

2016/09/05 08:26
811
1
vue打包报错UnhandledPromiseRejectionWarning: postcss-svgo: Error in parsing SVG的解决方案

vue项目打包运行时报错如下: 项目中引用了MUI框架,需要将mui框架的css文件中,需要把mui.css文件中的svg图片单引号改双引号,具体做法: 在项目中查找所有包含'svg'的css文件,而后修改url最外...

2018/11/30 15:14
165
0
基于 MUI 构建一个具有 90 +页面的APP应用

前言 mui是一款接近原生App体验的前端框架,只需要掌握前端技术就可以开发APP应用,官方有提供功能比较全面的demo版本, 但在实战中总会遇到一些不可避免但坑,对于没有接触过mui的开发者,难...

2018/09/07 14:32
36
0
js原生刻度尺滚动滑块插件

js原生刻度尺滚动滑块插件 用的MUI框架,原生兼容性很好,性能也更好,所以费了很大的力气改成原生的分享给大家。 有时间了改成手机版。 <!doctype html> <html> <head> <meta charset="UTF...

2016/12/28 12:13
108
0
移动端常用UI框架

作为一个前端人员来说,总结几款相对来说不错的用于移动端开发的UI框架是非常必要的,以下几种移动端UI框架就能基本满足工作中开发需要,根据项目需求,选用合适的框架搭建项目,更能容易提高...

01/21 22:46
6
0
前端开发精品网站

阿里巴巴矢量图 http://www.iconfont.cn 阿里妈妈MUX倾力打造的矢量图标管理、交流平台。 设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便...

2018/09/06 11:26
26
0
dcloud管理收货地址mui

<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scala...

2017/01/15 19:33
94
0
露珠图原生js插件

用mui编写一款APP,需实现如下露珠图,考虑用到原生js编写,并插件化。 js代码 (function(win, doc) { var defaultSettings = { data: [] }; function DrawDewchart(options) { var self = ...

2018/07/05 11:46
31
0
2015年最全的移动WEB前端UI框架

目前,众多互联网公司APP都嵌入了大量的HTML5,移动端的开发越来越重视,HTML5的运用场景也越来越多了。下面在移动WEB开发的过程中,使用合适的移动WEB UI框架可以大大提升我们的开发效率。下...

2016/09/13 15:32
184
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部