UI 界面框架:MUI CSS
jopen
10年前
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)
开发依赖:
-
nodejs (http://nodejs.org/)
-
npm (https://www.npmjs.org/)
-
bower (http://bower.io/)
-
sass (http://sass-lang.com/)
-
http-server (via npm)