PHPackages avtomon/materialize - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Framework](/categories/framework) 4. / 5. avtomon/materialize ActiveLibrary[Framework](/categories/framework) avtomon/materialize =================== A modern responsive front-end framework based on Material Design 014JavaScript Since Jan 21Pushed 6y agoCompare [ Source](https://github.com/avtomon/materialize)[ Packagist](https://packagist.org/packages/avtomon/materialize)[ RSS](/packages/avtomon-materialize/feed)WikiDiscussions v1-dev Synced 4d ago READMEChangelogDependenciesVersions (1)Used By (0) [ ![](https://camo.githubusercontent.com/631c35e44c85dd868f0b29fe0c8fff24063e810e407353c06a6eeca5def1c01e/687474703a2f2f6d6174657269616c697a656373732e636f6d2f7265732f6d6174657269616c697a652e737667) ](http://materializecss.com/) ### MaterializeCSS [](#materializecss) Materialize, a CSS Framework based on material design. [**-- Browse the docs --**](http://materializecss.com/) [ ![Travis CI badge](https://camo.githubusercontent.com/859bac8fa431ea180fec696f1ba18ea5975c246c5837647c628826c7cc5250d2/68747470733a2f2f7472617669732d63692e636f6d2f446f6766616c6f2f6d6174657269616c697a652e7376673f6272616e63683d6d6173746572) ](https://travis-ci.com/Dogfalo/materialize) [ ![npm version badge](https://camo.githubusercontent.com/ce0031b095054e53cf8f6d0a1781773ada947eebd5f24e194b0c8f0df4440943/68747470733a2f2f62616467652e667572792e696f2f6a732f6d6174657269616c697a652d6373732e737667) ](https://badge.fury.io/js/materialize-css) [ ![CDNJS version badge](https://camo.githubusercontent.com/c794cbc084212d5862acd34671d27426419a9896bb1015de44ac18fbdaf54a90/68747470733a2f2f696d672e736869656c64732e696f2f63646e6a732f762f6d6174657269616c697a652e737667) ](https://cdnjs.com/libraries/materialize) [ ![dependencies Status badge](https://camo.githubusercontent.com/0eb3787a3d3987a344fa1628ea99b56d6b6c312161379af2d87c0d6d8ff5f16e/68747470733a2f2f64617669642d646d2e6f72672f446f6766616c6f2f6d6174657269616c697a652f7374617475732e737667) ](https://david-dm.org/Dogfalo/materialize) [ ![devDependency Status badge](https://camo.githubusercontent.com/6a2ba347d4602e3a103533dd91d7fd9c96b0c87d1eaadaed5c70b72bf60e3ce9/68747470733a2f2f64617669642d646d2e6f72672f446f6766616c6f2f6d6174657269616c697a652f6465762d7374617475732e737667) ](https://david-dm.org/Dogfalo/materialize#info=devDependencies) [ ![Gitter badge](https://camo.githubusercontent.com/abe08b740a4156153736f791393ec4da6619c4be73212e75769f52edacc0e2b5/68747470733a2f2f6261646765732e6769747465722e696d2f4a6f696e253230436861742e737667) ](https://gitter.im/Dogfalo/materialize) Table of Contents ----------------- [](#table-of-contents) - [Quickstart](#quickstart) - [Documentation](#documentation) - [Supported Browsers](#supported-browsers) - [Changelog](#changelog) - [Testing](#testing) - [Contributing](#contributing) - [Copyright and license](#copyright-and-license) Quickstart: ----------- [](#quickstart) Read the [getting started guide](http://materializecss.com/getting-started.html) for more information on how to use materialize. - [Download the latest release](https://github.com/Dogfalo/materialize/releases/latest) of materialize directly from GitHub. ([Beta](https://github.com/Dogfalo/materialize/releases/)) - 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](https://cdnjs.com/libraries/materialize). More [here](http://materializecss.com/getting-started.html). ([Beta](https://cdnjs.com/libraries/materialize/1.0.0-beta)) - Install with [npm](https://www.npmjs.com): `npm install materialize-css` (Beta: `npm install materialize-css@next`) - Install with [Bower](https://bower.io): `bower install materialize` ([DEPRECATED](https://bower.io/blog/2017/how-to-migrate-away-from-bower/)) - Install with [Atmosphere](https://atmospherejs.com): `meteor add materialize:materialize` (Beta: `meteor add materialize:materialize@=1.0.0-beta`) Documentation ------------- [](#documentation) The documentation can be found at . To run the documentation locally on your machine, you need [Node.js](https://nodejs.org/en/) installed on your computer. ### Running documentation locally [](#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](https://www.browsersync.io/) to display the documentation. ### Documentation for previous releases [](#documentation-for-previous-releases) Previous releases and their documentation are available for [download](https://github.com/Dogfalo/materialize/releases). Supported Browsers: ------------------- [](#supported-browsers) Materialize is compatible with: - Chrome 35+ - Firefox 31+ - Safari 9+ - Opera - Edge - IE 11+ Changelog --------- [](#changelog) For changelogs, check out [the Releases section of materialize](https://github.com/Dogfalo/materialize/releases) or the [CHANGELOG.md](CHANGELOG.md). Testing ------- [](#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 ------------ [](#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](https://github.com/Dogfalo/materialize/labels/help-wanted) tag in our issue tracker to find things to do. Copyright and license --------------------- [](#copyright-and-license) Code Copyright 2018 Materialize. Code released under the MIT license. ### Health Score 20 — LowBetter than 14% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity6 Limited adoption so far Community19 Small or concentrated contributor base Maturity34 Early-stage or recently created project Bus Factor2 2 contributors hold 50%+ of commits How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Community Maintainers ![](https://avatars.githubusercontent.com/u/10077243?v=4)[Aleksandr Avtomonov](/maintainers/avtomon)[@avtomon](https://github.com/avtomon) --- Top Contributors [![Dogfalo](https://avatars.githubusercontent.com/u/2775751?v=4)](https://github.com/Dogfalo "Dogfalo (1582 commits)")[![acburst](https://avatars.githubusercontent.com/u/28045?v=4)](https://github.com/acburst "acburst (1540 commits)")[![tomscholz](https://avatars.githubusercontent.com/u/20381749?v=4)](https://github.com/tomscholz "tomscholz (114 commits)")[![DanielRuf](https://avatars.githubusercontent.com/u/827205?v=4)](https://github.com/DanielRuf "DanielRuf (51 commits)")[![klouie93](https://avatars.githubusercontent.com/u/3642176?v=4)](https://github.com/klouie93 "klouie93 (26 commits)")[![afifsohaili](https://avatars.githubusercontent.com/u/8052933?v=4)](https://github.com/afifsohaili "afifsohaili (15 commits)")[![chukitow](https://avatars.githubusercontent.com/u/4173376?v=4)](https://github.com/chukitow "chukitow (10 commits)")[![huww98](https://avatars.githubusercontent.com/u/15710934?v=4)](https://github.com/huww98 "huww98 (7 commits)")[![bivainis](https://avatars.githubusercontent.com/u/4633984?v=4)](https://github.com/bivainis "bivainis (7 commits)")[![robinbortlik](https://avatars.githubusercontent.com/u/228502?v=4)](https://github.com/robinbortlik "robinbortlik (7 commits)")[![kevgathuku](https://avatars.githubusercontent.com/u/3721994?v=4)](https://github.com/kevgathuku "kevgathuku (6 commits)")[![Ecksters](https://avatars.githubusercontent.com/u/2662835?v=4)](https://github.com/Ecksters "Ecksters (5 commits)")[![aularon](https://avatars.githubusercontent.com/u/1493032?v=4)](https://github.com/aularon "aularon (5 commits)")[![ilan-schemoul](https://avatars.githubusercontent.com/u/9869317?v=4)](https://github.com/ilan-schemoul "ilan-schemoul (5 commits)")[![soniahays](https://avatars.githubusercontent.com/u/5251724?v=4)](https://github.com/soniahays "soniahays (5 commits)")[![ramunasm](https://avatars.githubusercontent.com/u/1158178?v=4)](https://github.com/ramunasm "ramunasm (5 commits)")[![Y0lk](https://avatars.githubusercontent.com/u/1523444?v=4)](https://github.com/Y0lk "Y0lk (4 commits)")[![alexisdiel](https://avatars.githubusercontent.com/u/7047656?v=4)](https://github.com/alexisdiel "alexisdiel (4 commits)")[![coltonfitzgerald](https://avatars.githubusercontent.com/u/2644431?v=4)](https://github.com/coltonfitzgerald "coltonfitzgerald (4 commits)")[![developeranirudhprabhu](https://avatars.githubusercontent.com/u/10301434?v=4)](https://github.com/developeranirudhprabhu "developeranirudhprabhu (4 commits)") ### Embed Badge ![Health badge](/badges/avtomon-materialize/health.svg) ``` [![Health](https://phpackages.com/badges/avtomon-materialize/health.svg)](https://phpackages.com/packages/avtomon-materialize) ``` ### Alternatives [laravel/telescope An elegant debug assistant for the Laravel framework. 5.2k67.8M192](/packages/laravel-telescope)[spiral/roadrunner RoadRunner: High-performance PHP application server and process manager written in Go and powered with plugins 8.4k12.2M84](/packages/spiral-roadrunner)[nolimits4web/swiper Most modern mobile touch slider and framework with hardware accelerated transitions 41.8k177.2k1](/packages/nolimits4web-swiper)[laravel/dusk Laravel Dusk provides simple end-to-end testing and browser automation. 1.9k36.7M259](/packages/laravel-dusk)[laravel/prompts Add beautiful and user-friendly forms to your command-line applications. 708181.8M596](/packages/laravel-prompts)[cakephp/chronos A simple API extension for DateTime. 1.4k47.7M121](/packages/cakephp-chronos) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)