Overview

MUI's Angular library is designed from the ground up to be fast, small and developer-friendly. Using the Angular library you can add MUI components to your Angular modules and switch seamlessly between MUI CSS/JS and MUI Angular even within the same app.

HTML Boilerplate

To get started with MUI Angular you can use this HTML document:

<!doctype html>
<html ng-app="mui">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- load Angular -->
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.min.js"></script>
    <!-- load MUI -->
    <link href="//cdn.muicss.com/mui-0.10.3/css/mui.min.css" rel="stylesheet" type="text/css" />
    <script src="//cdn.muicss.com/mui-0.10.3/angular/mui-angular.min.js"></script>
  </head>
  <body>
    <!--
    
    Angular template goes here

    -->
  </body>
</html>

Talk to us

If you have any recommendations on how to improve our Angular support or if you'd like to get involved please send us an email (contact@muicss.com) or issue a pull-request on Github!