back to home

Dogfalo / materialize

Materialize, a CSS Framework based on Material Design

39,165 stars
4,663 forks
791 issues
JavaScriptCSSHTML
Chat with CodebaseArchitecture ScanSecurity AuditExplain Codebase

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing Dogfalo/materialize in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Click here to launch the interactive analysis workspace

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind-ai.vercel.app/repo/Dogfalo/materialize)
Preview:Analyzed by RepoMind

Repository Summary (README)

Preview
<p align="center"> <a href="http://materializecss.com/"> <img src="http://materializecss.com/res/materialize.svg" width="150"> </a> </p> <h3 align="center">MaterializeCSS</h3> <p align="center"> Materialize, a CSS Framework based on material design. <br> <a href="http://materializecss.com/"><strong>-- Browse the docs --</strong></a> <br> <br> <a href="https://travis-ci.com/Dogfalo/materialize"> <img src="https://travis-ci.com/Dogfalo/materialize.svg?branch=master" alt="Travis CI badge"> </a> <a href="https://badge.fury.io/js/materialize-css"> <img src="https://badge.fury.io/js/materialize-css.svg" alt="npm version badge"> </a> <a href="https://cdnjs.com/libraries/materialize"> <img src="https://img.shields.io/cdnjs/v/materialize.svg" alt="CDNJS version badge"> </a> <a href="https://david-dm.org/Dogfalo/materialize"> <img src="https://david-dm.org/Dogfalo/materialize/status.svg" alt="dependencies Status badge"> </a> <a href="https://david-dm.org/Dogfalo/materialize#info=devDependencies"> <img src="https://david-dm.org/Dogfalo/materialize/dev-status.svg" alt="devDependency Status badge"> </a> <a href="https://gitter.im/Dogfalo/materialize"> <img src="https://badges.gitter.im/Join%20Chat.svg" alt="Gitter badge"> </a> </p>

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.