Metro UI CSS 2.0

Metro UI CSS a set of styles to create a site with an interface similar to Windows 8. This set of styles was developed as a self-contained solution.

Metro UI CSS is open source project with MIT licensing model.

Download  
NuGet
PM> Install-Package Metro.UI.CSS

Quick start

To use the Metro UI CSS, you have to follow the 5 simple rules:

  1. Create page with HTML5 DOCTYPE
  2. Include in head metro-bootstrap.css
  3. For plugins usage: include in head jquery core, jquery widget factory and metro plugins
  4. Create container for Metro UI CSS component with class .metro
  5. Use markup for components, as described in the pages of this site
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="css/metro-bootstrap.css">

        <script src="js/jquery/jquery.min.js"></script>
        <script src="js/jquery/jquery.widget.min.js"></script>

        <script src="js/metro/metro-*.js"></script>
    </head>
    <body class="metro">

    </body>
</html>

About author

Hi! My name Sergey Pimenov and i'm author of Metro UI CSS from Kiev, Ukraine.