微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

MUI CSS UI 界面框架

程序名称:MUI CSS

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

MUI CSS 介绍

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)

开发依赖:

MUI CSS 官网

https://www.muicss.com/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐