PHPackages deyraka/yii2-material-dashboard - 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. [Admin Panels](/categories/admin) 4. / 5. deyraka/yii2-material-dashboard ActiveYii2-extension[Admin Panels](/categories/admin) deyraka/yii2-material-dashboard =============================== Material Dashboard Theme for Yii 2.0 v1.0.0-beta(6y ago)121.9k9[1 issues](https://github.com/deyraka/yii2-material-dashboard/issues)MITCSS Since Sep 27Pushed 6y ago3 watchersCompare [ Source](https://github.com/deyraka/yii2-material-dashboard)[ Packagist](https://packagist.org/packages/deyraka/yii2-material-dashboard)[ RSS](/packages/deyraka-yii2-material-dashboard/feed)WikiDiscussions master Synced yesterday READMEChangelog (1)Dependencies (3)Versions (2)Used By (0) Yii2 Material Dashboard ======================= [](#yii2-material-dashboard) Material Dashboard for Yii2 Framework [![version](https://camo.githubusercontent.com/1cdc3252d3b80c325fe69b19329503f957b2bec6de4297e8f1a22adea9379c9e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f737461626c652d312e302e302d626c75652e737667)](https://camo.githubusercontent.com/1cdc3252d3b80c325fe69b19329503f957b2bec6de4297e8f1a22adea9379c9e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f737461626c652d312e302e302d626c75652e737667)[![license](https://camo.githubusercontent.com/7013272bd27ece47364536a221edb554cd69683b68a46fc0ee96881174c4214c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667)](https://github.com/deyraka/yii2-material-dashboard/LICENSE.md)[![Total Downloads](https://camo.githubusercontent.com/e8e499642e30d4096a6647a1fa0f35fa8e03ea0c02444f9d1b2fd29f90491d04/68747470733a2f2f706f7365722e707567782e6f72672f64657972616b612f796969322d6d6174657269616c2d64617368626f6172642f642f746f74616c2e737667)](https://packagist.org/packages/deyraka/yii2-material-dashboard) [![Product Gif](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/material-dashboard-html/material-dashboard-free.gif)](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/material-dashboard-html/material-dashboard-free.gif) Yii2 Material Dashboard is a free Material Bootstrap admin template with a fresh, new design inspired by Google's Material Design. It is based on [Material Dashboard](https://github.com/creativetimofficial/material-dashboard) by Creative Tim. Table of Contents ----------------- [](#table-of-contents) - [Installation](#installation) - [Configuration](#configuration) - [Usage](#usage) - [Implementing Widget](#implementing-widget) Installation ------------ [](#installation) The preferred way to install this extension is through [composer](http://getcomposer.org/download/). ``` composer require deyraka/yii2-material-dashboard:"v1.0.0-beta" ``` or add to your composer.json ``` { "require": { "deyraka/yii2-material-dashboard": "v1.0.0-beta" } } ``` Configuration ------------- [](#configuration) Insert the following code inside 'component' section in your 'config/web.php'. ``` 'components' => [ ... 'assetManager' => [ //SETTING FOR MATERIAL DASHBOARD THEME 'bundles' => [ 'deyraka\materialdashboard\web\MaterialDashboardAsset', ], ], ... ], ``` Usage ----- [](#usage) The preferred way to apply material dashboard theme is replacing your 'layout' and 'site' in 'views' folder by 'layout' and 'site' in '@vendor/deyraka/yii2-material-dashboard/example-views/yiisoft/yii2-app/'. Material Dashboard is using material icons by Google, so you can check [Material Icons](https://material.io/resources/icons/?style=baseline) for further information. Implementing Widget ------------------- [](#implementing-widget) #### Card [](#card) ``` 'card1', 'color' => Card::COLOR_INFO, 'headerIcon' => 'fingerprint', 'collapsable' => true, 'title' => 'Contoh Penggunaan Card Widget 1', 'titleTextType' => Card::TYPE_INFO, 'showFooter' => true, 'footerContent' => 'Palangka Raya, August 13th 2019', ]) ?> Welcome to Material Dashboard This card is enabling collapsable and footer. We made with favorite for Yii 2.0 Framework ``` #### Progress [](#progress) ``` 'Loyality Growth', 'value' => 75, 'color' => Progress::COLOR_INFO, 'isBarStrip' => true, 'isBarAnimated' => true, 'titleTextType' => Progress::TYPE_INFO ]); ?> ``` #### Card Chart [](#card-chart) ``` 'saleschart', "color" => CardChart::COLOR_WARNING, "url" => Url::to(['/site/contact']), "title" => "Feel Excellent Panorama with Us", "description" => "The place is close to Barceloneta Beach and bus stop just 2 min by walk and near to 'Naviglio' where you can enjoy the main night life in Barcelona.", "footerTextLeft" => "$10,000/night", "footerTextRight" => "Barcelona", "footerTextType" => CardChart::TYPE_INFO, ] ) ?> ``` And add this Javascript or you can write it in a file and register it as [registerJsFile](https://www.yiiframework.com/doc/guide/2.0/en/output-client-scripts#script-files). ``` //SCRIPT FOR LINE AND BAR CHART var data = { // A labels array that can contain any sort of values labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'], // Our series array that contains series objects or in this case series data arrays series: [ [5, 2, 4, 2, 1], [3, 2, 9, 5, 4], ] }; // We are setting a few options for our chart and override the defaults var options = { // Don't draw the line chart points showPoint: true, // Disable line smoothing lineSmooth: true, // X-Axis specific configuration axisX: { // We can disable the grid for this axis showGrid: true, // and also don't show the label showLabel: true }, // Y-Axis specific configuration axisY: { // Lets offset the chart a bit from the labels offset: 60, // The label interpolation function enables you to modify the values // used for the labels on each axis. Here we are converting the // values into million pound. labelInterpolationFnc: function(value) { return 'Rp ' + value + 'jt'; } } }; // Create a new line chart object where as first parameter we pass in a selector // that is resolving to our chart container element. The Second parameter // is the actual data object. // new Chartist.Bar('.ct-chart', data, options); new Chartist.Bar('#saleschart', data, options); ``` for further information about chart customization , material dashboard is using [Chartist-js](http://gionkunz.github.io/chartist-js/examples.html) by [Gion Kunz](https://github.com/gionkunz). #### Card Stats [](#card-stats) ``` Cardstats::COLOR_PRIMARY, "headerIcon" => "weekend", "title" => "Today's sale", "subtitle" => "184", "footerIcon" => "warning", "footerText" => "Check this out", "footerUrl" => Url::to(['site/login']), "footerTextType" => Cardstats::TYPE_INFO, ] ) ?> ``` #### Card Product [](#card-product) ``` Yii::getAlias('@web').'\img\sidebar-1.jpg', "hiddenIcon" => 'send', "hiddenText" => 'See Details', "hiddenTooltip" => 'Lets check Details', "url" => Url::to(['/site/about']), "title" => "Feel Excellent Panorama with Us", "description" => "The place is close to Manchester Beach and bus stop just 2 min by walk and near to 'Naviglio' where you can enjoy the main night life in Manchester.", "footerTextLeft" => "$8,000/night", "footerTextRight" => "Manchester", "footerTextType" => Cardstats::TYPE_INFO, ] ) ?> ``` #### Menu [](#menu) Used for initialize menu. It's already exist in '../layouts/left.php' ``` Material Dashboard [ ['label' => 'Dashboard', 'icon' => 'dashboard', 'url' => ['/']], ['label' => 'About', 'icon' => 'table_chart', 'url' => ['site/about']], ['label' => 'Contact', 'icon' => 'web', 'url' => ['site/contact']], ['label' => 'Pages', 'icon' => 'text_format', 'items' => [ ['label' => 'Login', 'icon' => 'text_format', 'url' => ['/site/login']], ['label' => 'Error', 'icon' => 'text_format', 'url' => ['/error']], ['label' => 'Registration', 'icon' => 'text_format', 'items' => [ ['label' => 'Login', 'icon' => 'text_format', 'url' => ['/site/login']], ['label' => 'Error', 'icon' => 'text_format', 'url' => ['/error']], ['label' => 'Registration', 'icon' => 'text_format', 'url' => ['/registration']], ]], ]], ] ]); ?> ``` ### Health Score 28 — LowBetter than 54% of packages Maintenance18 Infrequent updates — may be unmaintained Popularity27 Limited adoption so far Community12 Small or concentrated contributor base Maturity44 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% 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 Unknown Total 1 Last Release 2419d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/444a716faf49c981e08f02f7aec124dce0182a6f7bb670e06e86256f877b8681?d=identicon)[deyraka](/maintainers/deyraka) --- Top Contributors [![deyraka](https://avatars.githubusercontent.com/u/5036531?v=4)](https://github.com/deyraka "deyraka (5 commits)") --- Tags bundleyii2bootstrapdashboardassetmaterial-designmaterialasset bundlematerial-dashboard ### Embed Badge ![Health badge](/badges/deyraka-yii2-material-dashboard/health.svg) ``` [![Health](https://phpackages.com/badges/deyraka-yii2-material-dashboard/health.svg)](https://phpackages.com/packages/deyraka-yii2-material-dashboard) ``` ### Alternatives [dmstr/yii2-adminlte-asset AdminLTE backend theme asset bundle for Yii 2.0 Framework 1.1k1.8M67](/packages/dmstr-yii2-adminlte-asset)[yiister/yii2-gentelella Free admin template for backend 277278.3k5](/packages/yiister-yii2-gentelella) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)