A modern responsive front-end framework based on Material Design

Code Quality Rank: L4
Programming language: JavaScript
License: MIT License
Tags: Frameworks     Css     Client     PostCSS    
Latest version: v1.0.0

materialize alternatives and similar libraries

Based on the "Frameworks" category.
Alternatively, view Materialize alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of materialize or a related project?

Add another 'Frameworks' Library



Materialize, a CSS Framework based on material design. -- Browse the docs --

Table of Contents


Read the getting started guide for more information on how to use materialize.

  • Download the latest release of materialize directly from GitHub.
  • Clone the repo: git clone https://github.com/Dogfalo/materialize.git
  • Include the files via cdnjs. More here.
  • Install with npm: npm install materialize-css
  • Install with Bower: bower install materialize
  • Install with Atmosphere: meteor add materialize:materialize


The documentation can be found at http://materializecss.com. To run the documentation locally on your machine, you need Node.js installed on your computer.

Running documentation locally

Run these commands to set up the documentation:

git clone https://github.com/Dogfalo/materialize
cd materialize
npm install

Then run grunt monitor to compile the documentation. When it finishes, open a new browser window and navigate to localhost:8000. We use BrowserSync to display the documentation.

Documentation for previous releases

Previous releases and their documentation are available for download.

Supported Browsers:

Materialize is compatible with:

  • Chrome 35+
  • Firefox 31+
  • Safari 7+
  • Opera
  • Edge
  • IE 10+


For changelogs, check out the Releases section of materialize or the [CHANGELOG.md](CHANGELOG.md).


We use Jasmine as our testing framework and we're trying to write a robust test suite for our components. If you want to help, [here's a starting guide on how to write tests in Jasmine](CONTRIBUTING.md#jasmine-testing-guide).


Check out the [CONTRIBUTING document](CONTRIBUTING.md) in the root of the repository to learn how you can contribute. You can also browse the help-wanted tag in our issue tracker to find things to do.

Copyright and license

Code copyright 2017 Materialize. Code released under the MIT license.

*Note that all licence references and agreements mentioned in the materialize README section above are relevant to that project's source code only.