UI 界面框架:MUI CSS

jopen 9年前

MUI 是一个轻量级的 HTML、CSS 和 JS 框架,遵循 Google 的 Material Design 设计思路。

示例 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)

开发依赖:

项目主页:http://www.open-open.com/lib/view/home/1424575092964