PHPackages                             alvarolordelo/yii2-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. alvarolordelo/yii2-materialize

ActiveYii2-extension[Framework](/categories/framework)

alvarolordelo/yii2-materialize
==============================

Materialize framework implementation for Yii2

3.0.0(7y ago)214BSD-3-ClausePHPPHP &gt;=5.6.0

Since Mar 8Pushed 6y ago1 watchersCompare

[ Source](https://github.com/alvarolordelo/yii2-materialize)[ Packagist](https://packagist.org/packages/alvarolordelo/yii2-materialize)[ Docs](http://macgyer.github.io/yii2-materializecss)[ RSS](/packages/alvarolordelo-yii2-materialize/feed)WikiDiscussions master Synced yesterday

READMEChangelog (1)Dependencies (2)Versions (27)Used By (0)

[![license](https://camo.githubusercontent.com/e636768cae2e2f48fb62a8ee4fc6839fc285a19eddc53547458c64e016e53e47/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c4943454e43452d4253442d2d332d2d436c617573652d626c75652e737667)](https://packagist.org/packages/alvarolordelo/yii2-materialize)[![Github Release](https://camo.githubusercontent.com/7ebb87be0cbd56a9f7be1aaa5f7931f3cddc9aa5befec304c54ed1f6c2305506/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652f616c7661726f6c6f7264656c6f2f796969322d6d6174657269616c697a652e737667)](https://packagist.org/packages/alvarolordelo/yii2-materialize)[![Packagist](https://camo.githubusercontent.com/aee8557464459a167b51d85c00beec0295ff18ce8b3ebb4f20bfd1b69da3d2aa/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f616c7661726f6c6f7264656c6f2f796969322d6d6174657269616c697a652e737667)](https://packagist.org/packages/alvarolordelo/yii2-materialize)

Materialize for Yii2
====================

[](#materialize-for-yii2)

This is the current, actively developed branch which is implementing Materialize version 1.0 and thus breaking backwards compatibility.

---

This package integrates the Materialize CSS framework into [Yii2](http://www.yiiframework.com/). [Materialize](http://materializecss.com/) is a modern responsive front-end framework based on Material Design.

See [official documentation](https://materializecss.com/) for detailed information.

Have a look at the [official demo page](https://yii2-materializecss.pluspunkt-coding.de) to see the repo in action (needs adaption to v3)

Current Materialize version implemented: 1.0.0.

Installation
------------

[](#installation)

The preferred way of installation is through Composer. If you don't have Composer you can get it here:

You also should install the Composer Asset Plugin to handle NPM and Bower assets:

```
$ composer global require "fxp/composer-asset-plugin:~1.4"

```

Or you can make use of Asset Packagist:

To install the package add the following to the `require` section of your composer.json:

```
composer require alvarolordelo/yii2-materialize: "dev-master"

```

```
"require": {
    "alvarolordelo/yii2-materialize": "dev-master"
},

```

Usage
-----

[](#usage)

To load the Materialize CSS files integrate the MaterializeAsset into your app. Two ways to achieve this is to register the asset in the main layout:

```
// @app/views/layouts/main.php

\alvarolordelo\yii2materialize\assets\MaterializeAsset::register($this);

// further code
```

or as a dependency in your app wide AppAsset.php

```
// @app/assets/AppAsset.php

public $depends = [
    'alvarolordelo\yii2materialize\assets\MaterializeAsset',
    // more dependencies
];
```

Sample layout
-------------

[](#sample-layout)

There are two sample layouts files included in the package. You can use this file to get inspiration for your own layout or replace the respective `views/layouts/main.php` with the file provided.

You can find the samples of layout file in `src/layout/main-starter.php` and `src/layout/main-parallax.php` coded from materialize website DEMO.

Widgets
-------

[](#widgets)

The following widgets are currently available:

- ActiveField
- ActiveForm
- Alert
- Breadcrumbs
- Button
- Carousel
- ChipInput
- Collapsible
- DatePicker
- DetailView
- Dropdown
- FloatingActionButton
- GridView with ActionColumn
- Icon
- LinkPager
- MaterialBox
- Modal
- Nav
- NavBar
- Parallax
- Progress
- RangeInput
- Select
- SideNav
- Slider
- Spinner
- StaticChip
- SubmitButton
- SwitchButton
- TimePicker

Gii support
-----------

[](#gii-support)

If you are creating your CRUD controller and view files using Gii you can get materialized view files by integrating the adapted Gii templates.

```
// @app/config/main-local.php

$config['modules']['gii'] = [
    'class' => 'yii\gii\Module',
    'allowedIPs' => ['127.0.0.1', '::1', '192.168.0.*', '192.168.178.20'],
    'generators' => [
        'crud' => [
            'class' => 'yii\gii\generators\crud\Generator',
            'templates' => [ // setting materializecss templates
                'materialize' => '@vendor/alvarolordelo/yii2-materialize/src/gii-templates/generators/crud/materialize',
            ]
        ]
    ],
];
```

You can copy those templates to any location you wish for further customization. Make sure you adapt the path accordingly in your config.

Known issues
------------

[](#known-issues)

Systems operating on normal parameters :)

Change log
----------

[](#change-log)

### 2019.1 - 2019-05-28

[](#20191---2019-05-28)

- Initial release

###  Health Score

30

—

LowBetter than 64% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity9

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity68

Established project with proven stability

 Bus Factor1

Top contributor holds 67.9% of commits — single point of failure

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.

###  Release Activity

Cadence

Every ~44 days

Recently: every ~59 days

Total

23

Last Release

2734d ago

Major Versions

1.x-dev → 2.0.02017-07-30

2.x-dev → 3.0.0-RC2018-06-02

PHP version history (2 changes)1.0.0PHP &gt;=5.4.0

1.2.1PHP &gt;=5.6.0

### Community

Maintainers

![](https://www.gravatar.com/avatar/5e2539b686f4f10fad51a06763bdaf484e0eeffcbab66ac046df0dff0b976d7f?d=identicon)[alvaro\_lordelo](/maintainers/alvaro_lordelo)

---

Top Contributors

[![MacGyer](https://avatars.githubusercontent.com/u/2939625?v=4)](https://github.com/MacGyer "MacGyer (57 commits)")[![alvarolordelo](https://avatars.githubusercontent.com/u/1663952?v=4)](https://github.com/alvarolordelo "alvarolordelo (26 commits)")[![Gaiidenn](https://avatars.githubusercontent.com/u/18189706?v=4)](https://github.com/Gaiidenn "Gaiidenn (1 commits)")

---

Tags

yii2widgetsmaterializematerial-design

### Embed Badge

![Health badge](/badges/alvarolordelo-yii2-materialize/health.svg)

```
[![Health](https://phpackages.com/badges/alvarolordelo-yii2-materialize/health.svg)](https://phpackages.com/packages/alvarolordelo-yii2-materialize)
```

###  Alternatives

[macgyer/yii2-materializecss

Materialize CSS implementation for Yii2

8957.3k](/packages/macgyer-yii2-materializecss)[skeeks/cms

SkeekS CMS — control panel and tools based on php framework Yii2

13825.6k47](/packages/skeeks-cms)[kalyabin/yii2-select-google-map-location

Yii2 widget to select location at map and choose map coordinates

2821.0k](/packages/kalyabin-yii2-select-google-map-location)[skydiver/laravel-materialize-css

Add Materialize CSS Framework to Laravel

5020.0k](/packages/skydiver-laravel-materialize-css)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
