---
title: CSS Framework Material Design Lite
---
# CSS Framework Material Design Lite

Material Design Lite lets you add a Material Design look and feel to your websites. It aims to optimize for cross-device use.

## Getting Started

Here is a simple HTML template which includes the latest compiled and minified CSS for the MDL library.

```html
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
        <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
        <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
    </head>
    <body>
    </body>
</html>
```

We have used a CDN in this example, but you can checkout other ways of installing MDL <a href='https://getmdl.io/started/index.html' target='_blank' rel='nofollow'>here</a>.

### Learning Resources

* The official documentation for MDL is available <a href='https://getmdl.io/started/index.html' target='_blank' rel='nofollow'>here</a>.
* Checkout MDL's open source GitHub repository <a href='https://github.com/google/material-design-lite' target='_blank' rel='nofollow'>here</a>.
