Boilerplate HTML

Overview

MUI contains a beta version of a WebComponents library that can be used to implement MUI UI components in browsers that implement the new WebComponents standards. The current version of the WebComponents library is very early and is only meant as a preview.

If you want to get involved send us an email (contact@muicss.com) or issue a pull-request on Github!

Basic Template

To get started with MUI's WebComponents library you can use this HTML:

<!doctype html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
      body {
        font-family: "Helvetica Neue", Helvetica, Arial;
      }
    </style>
    <script src="//cdn.muicss.com/mui-0.9.22/webcomponents/mui-webcomponents.js"></script>
  </head>
  <body>
    <!--

    content goes here

    -->
  </body>
</html>

Note that this template defines the font-family for the body tag in the <head>. The MUI WebComponents library inherits the font-family from main document so you'll want to set it in your base CSS.

« Previous Next »