PHPackages                             piantgrunger/yiimetroui - 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. [Utility & Helpers](/categories/utility)
4. /
5. piantgrunger/yiimetroui

ActiveYii2-extension[Utility & Helpers](/categories/utility)

piantgrunger/yiimetroui
=======================

Yii2 MetroUI Widget Extension

07CSS

Since Aug 13Pushed 8y ago1 watchersCompare

[ Source](https://github.com/piantgrunger/yiimetroui)[ Packagist](https://packagist.org/packages/piantgrunger/yiimetroui)[ RSS](/packages/piantgrunger-yiimetroui/feed)WikiDiscussions master Synced today

READMEChangelogDependenciesVersions (2)Used By (0)

NOT SUPPORTED ANYMORE !!!
=========================

[](#not-supported-anymore-)

yiimetroui
==========

[](#yiimetroui)

yii metroui extension

This extension will be build upon yii2, it's hardly in development status. If you wanna take a look and enhace it, you are pretty welcome!

As I'm not an educated programmer, some of the code could be rubbish, but I try to learn from other developers which are in my opinion well skilled! :)

If you have questions, feel free to contact me!

philipp at frenzel dot net

installation
============

[](#installation)

Add the sources to your composer.json > repositories file:

```
{
    "type": "package",
    "package": {
        "name": "yiiext/yiimetroui",
        "version": "0.1.10",
        "authors": [
            {
                "name": "Philipp Frenzel",
                "homepage": "http://frenzel.net"
            }
        ],
        "source": {
            "url": "https://github.com/philippfrenzel/yiimetroui.git",
            "type": "git",
            "reference": "master"
        },
        "autoload": {
            "psr-0": { "yiimetroui\\": "/" }
        }
    }
}
```

Package is although registered at packagist.org - so you can just add one line of code, to let it run!

```
"require": {
        "yiisoft/yii2": "dev-master",
        "yiisoft/yii2-composer":"dev-master",
        "piantgrunger/yiimetroui":"*"
},
```

IMPORTANT:

add class="metrouicss" to your body

```

```

MetroUI already loaded?

- As I use assetparser extension to parse the less files into my distribution, i commented the assets.php to avoid static css loading. If you need the css-files to be loaded statically, pls. uncomment the entries!

Add the following line to your index.php in /www

```
Yii::setAlias('@yiimetroui', __DIR__ . '/../vendor/philippfrenzel/yiimetroui/yiimetroui/');
```

USAGE
=====

[](#usage)

Accordion (Collapse)
====================

[](#accordion-collapse)

Put the code below into your view file and enjoy it!

```
use yiimetroui\Accordion;

echo Accordion::widget(array(
	'Accordion Group Label'=>array(
			// required, the content (HTML) of the group
			'content'=>'Anim pariatur cliche...',
			// optional the HTML attributes of the content group
	       'contentOptions'=> array(),
	       // optional the HTML attributes of the group
	       'options'=> array(),
		),
	)
));
```

Carousel
========

[](#carousel)

Put the code below into your view file and enjoy it!

```
use yiimetroui\Carousel;

echo Carousel::widget(array(
	'items'=>array(
		array(
			'content'=>'',
			'id'=>'slide1',
		),
		array(
			'content'=>'',
			'id'=>'slide2',
		)
	),
	'options'=>array(
		'style'=>'height:200px',
	)
));
```

Tabs
====

[](#tabs)

Put the code below into your view file and enjoy it!

attention, to make it more simple, always the first tab will be showed on "startup"

```
use yiimetroui\Tabs;

echo Tabs::widget(array(
     'items' => array(
         array(
             'header' => 'One',
             'content' => 'Mauris mauris ante, blandit et, ultrices a, suscipit eget...',
         ),
         array(
             'header' => 'Two',
             'headerOptions' => array(...),
             'content' => 'Sed non urna. Phasellus eu ligula. Vestibulum sit amet purus...',
             'options' => array(...),
         ),
     ),
));
```

Tiles
=====

[](#tiles)

Put the code below into your view file and enjoy it!

```
use yiimetroui\Tile;

echo Tile::widget(array(
    'items'=>array(
        array(
            'content'=>'',
            'brand'=>'Frenzel.NET',
        ),
    ),
    'options'=>array('class'=>'icon bg-color-green'),
    'url'=>['index']
));
```

###  Health Score

20

—

LowBetter than 14% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity4

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity43

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 97.4% 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.

### Community

Maintainers

![](https://www.gravatar.com/avatar/aa39f1765d32d2af97d0b14fdf63796553b8af5267925b8352699e2cff4f8079?d=identicon)[piantgrunger](/maintainers/piantgrunger)

---

Top Contributors

[![philippfrenzel](https://avatars.githubusercontent.com/u/2319890?v=4)](https://github.com/philippfrenzel "philippfrenzel (113 commits)")[![piantgrunger](https://avatars.githubusercontent.com/u/15101734?v=4)](https://github.com/piantgrunger "piantgrunger (3 commits)")

### Embed Badge

![Health badge](/badges/piantgrunger-yiimetroui/health.svg)

```
[![Health](https://phpackages.com/badges/piantgrunger-yiimetroui/health.svg)](https://phpackages.com/packages/piantgrunger-yiimetroui)
```

###  Alternatives

[agencetwogether/hookshelper

Simple plugin to toggle display hooks available in current page.

2312.7k](/packages/agencetwogether-hookshelper)[qbhy/hyperf-multi-env

287.4k2](/packages/qbhy-hyperf-multi-env)[speixoto/yii2-amcharts

AmCharts Widget for Yii 2

1414.2k](/packages/speixoto-yii2-amcharts)

PHPackages © 2026

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