Skip to content
Please note that GitHub no longer supports Internet Explorer.

We recommend upgrading to the latest Microsoft Edge, Google Chrome, or Firefox.

Learn more
Materialize, a CSS Framework based on Material Design
Branch: v1-dev
Clone or download
Latest commit e5f686b Feb 12, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Reword issue template to strictly require a test case as well as vers… Feb 10, 2018
css
dist 1.0.0 Release Sep 9, 2018
docs/js Move docs related js into docs folder May 4, 2018
extras/noUiSlider
images Removed Stamplay from showcase Mar 21, 2018
jade patreon march update Mar 1, 2019
js Fixed icons in breadcrumbs float bug Jan 18, 2019
res
sass
templates 1.0.0 Release Sep 9, 2018
test/html Remove non-used modal-action class from docs Apr 23, 2018
tests/spec
.editorconfig Update .editorconfig Jun 18, 2017
.eslintrc
.gitattributes
.gitignore Updated native JS init code to handle NodeLists by default and added … Apr 25, 2018
.prettierignore Add more directories to prettier ignore May 2, 2018
.prettierrc Use Prettier pre-commit hook Apr 25, 2018
.travis.yml
CHANGELOG.md 1.0.0 Release Sep 9, 2018
CNAME custom domain Nov 8, 2014
CODE_OF_CONDUCT.md Added a code of conduct Jul 4, 2017
CONTRIBUTING.md
Gruntfile.js Move docs related js into docs folder May 4, 2018
LICENSE
README.md Uppercase copyright May 3, 2018
bower.json Remove Roboto font from materialize Nov 7, 2017
fab-toolbar-demo.html Fixed broken fab demo May 30, 2018
package-lock.json patreon update Jul 1, 2018
package.js 1.0.0 Release Sep 9, 2018
package.json 1.0.0 Release Sep 9, 2018
robots.txt
sitemap.xml Deleted links to nonexistent resources Feb 14, 2018
v1-changelog.md Update upgrade guide Apr 29, 2018
v1-upgrade-guide.md Update v1-upgrade-guide.md (#6268) Jan 18, 2019

README.md

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

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

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 9+
  • Opera
  • Edge
  • IE 11+

Changelog

For changelogs, check out the Releases section of materialize or the CHANGELOG.md.

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

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.

Copyright and license

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

You can’t perform that action at this time.