Pre-generated materialize css color combinations.

Materialize CSS is an awesome CSS framework for building material design websites.

Materialize themes has pre-generated all primary/secondary color combinations of the materialize css framework for use in your project!
No need to download/compile sass files!

Simply replace the link to materialize.css with a link to one of the themes. The current version used to generate the themes is 0.97.8

⭐️⭐️⭐️⭐️⭐️

If you get some use out of this, please star it on github!
If we get to 100 stars, we can make a case to be added to cdnjs.com

Preview

Select a primary and secondary color to preview a theme.


      

Share this theme:

NOTE

If you are using the javascript components, be sure to include the 0.97.8 version below the css link.
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>

Examples

1Alan 4Alan Alan 14Alan
button cloudbutton cloudbutton add Button cloudbutton cloudbutton
  • folder Title

    First Line
    Second Line

    grade
  • insert_chart Title

    First Line
    Second Line

    grade
  • play_arrow Title

    First Line
    Second Line

    grade