MUI - Material Design 設計思路的 CSS 框架

jopen 9年前發布 | 19K 次閱讀前端技術 mui

MUI 是一個輕量級的 HTML、CSS 和 JS 框架，遵循 Google 的 Material Design 設計思路。MUI CSS可以在使用SASS源碼時，通過GitHub或Bower來輕松定制它。自定義的范圍包括響應斷點，默認字體設置和使用Material Design顏色等等。MUI CSS/JS并不依賴任何其他的程序。

MUI —— Material Design 設計思路的 CSS 框架

示例 HTML：

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- load MUI -->
    <link  rel="stylesheet" type="text/css" />
    <script src="http://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 體積很小：