Skip to content
<awesome-gh-repos>
vic

Dogfalo/materialize

Materialize, a CSS Framework based on Material Design
Source code at GitHub https://materializecss.com
Dogfalo/materialize.json
{
  "createdAt": "2014-09-12T19:35:38Z",
  "defaultBranch": "v1-dev",
  "description": "Materialize, a CSS Framework based on Material Design",
  "fullName": "Dogfalo/materialize",
  "homepage": "https://materializecss.com",
  "language": "JavaScript",
  "name": "materialize",
  "pushedAt": "2025-08-10T02:17:57Z",
  "stargazersCount": 39157,
  "topics": [
    "css",
    "css-framework",
    "design",
    "framework",
    "javascript",
    "material",
    "material-design"
  ],
  "updatedAt": "2025-11-27T05:53:12Z",
  "url": "https://github.com/Dogfalo/materialize"
}

MaterializeCSS

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

Section titled “Table of Contents”

Quickstart:

Section titled “Quickstart:”

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 https://github.com/Dogfalo/materialize.git (Beta: git clone -b v1-dev https://github.com/Dogfalo/materialize.git)
  • 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)

Documentation

Section titled “Documentation”

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

Section titled “Running documentation locally”

Run these commands to set up the documentation:

Terminal window
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

Section titled “Documentation for previous releases”

Previous releases and their documentation are available for download.

Supported Browsers:

Section titled “Supported Browsers:”

Materialize is compatible with:

  • Chrome 35+
  • Firefox 31+
  • Safari 9+
  • Opera
  • Edge
  • IE 11+

Changelog

Section titled “Changelog”

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

Testing

Section titled “Testing”

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).

Contributing

Section titled “Contributing”

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.

Section titled “Copyright and license”

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