Customize & Download
Custom CSS theme builder

Click on the color wheel to choose a primary (1) and accent (2) color to preview the theme below. When you’ve selected a color combination you like, either reference our hosted CSS or download the CSS by clicking the white button in the middle. You will need to include MDL’s JavaScript alongside your customised CSS to get the full experience. This is included in our default Download from the Getting Started guide.

Theme Preview
Theme Preview

Try it out

Lorem ipsum dolor sit amet.

CSS hosted on our CDN (17.6kB gzipped):
 <link rel="stylesheet" href="https://code.getmdl.io/1.2.0/material.$primary-$accent.min.css" /> 
Download Kit