<img src="http://materializecss.com/res/materialize.svg" width="150">
MaterializeCSS
Materialize, a CSS Framework based on material design.
-- Browse the docs --
<img src="https://travis-ci.org/Dogfalo/materialize.svg?branch=master" alt="Travis CI badge">
<img src="https://badge.fury.io/js/materialize-css.svg" alt="npm version badge">
<img src="https://img.shields.io/cdnjs/v/materialize.svg" alt="CDNJS version badge">
<img src="https://david-dm.org/Dogfalo/materialize/status.svg" alt="dependencies Status badge">
</a>
<img src="https://david-dm.org/Dogfalo/materialize/dev-status.svg" alt="devDependency Status badge">
<img src="https://badges.gitter.im/Join%20Chat.svg" alt="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 . 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+