The definitive source of the best
JavaScript libraries, frameworks, and plugins.

  • ×


    Materialize, a CSS Framework based on Material Design
    Filed under 

    • 🔾89%Overall
    • 38,861
    • 21.8 days
    • 🕩4744
    • 👥18


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

    Travis CI badge npm version badge CDNJS version badge dependencies Status badge devDependency Status badge Gitter badge

    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. (Beta)
    • Clone the repo: git clone (Beta: git clone -b v1-dev
    • Include the files via cdnjs. More here. (Beta)
    • Install with npm: npm install materialize-css (Beta: npm install materialize-css@next)
    • Install with Bower: bower install materialize (DEPRECATED)
    • Install with Atmosphere: meteor add materialize:materialize (Beta: meteor add materialize:materialize@=1.0.0-beta)


    The documentation can be found at 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
    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 9+
    • Opera
    • Edge
    • IE 11+


    For changelogs, check out the Releases section of materialize or the


    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.


    Check out the CONTRIBUTING document 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.

    Code Copyright 2018 Materialize. Code released under the MIT license.

    Show All