PHPackages coderseden/material-dashboard-yii2 - 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. [DevOps & Deployment](/categories/devops) 4. / 5. coderseden/material-dashboard-yii2 AbandonedArchivedProject[DevOps & Deployment](/categories/devops) coderseden/material-dashboard-yii2 ================================== Material Dashboard Yii2 - Free Frontend Preset for Yii2 4120712[2 issues](https://github.com/coderseden/material-dashboard-yii2/issues)CSS Since Mar 29Pushed 6y ago1 watchersCompare [ Source](https://github.com/coderseden/material-dashboard-yii2)[ Packagist](https://packagist.org/packages/coderseden/material-dashboard-yii2)[ RSS](/packages/coderseden-material-dashboard-yii2/feed)WikiDiscussions master Synced yesterday READMEChangelog (1)DependenciesVersions (1)Used By (0) [Material Dashboard Yii2 - Free Frontend Preset for Yii2](https://www.coderseden.com/product/material-dashboard-yii2) ===================================================================================================================== [](#material-dashboard-yii2---free-frontend-preset-for-yii2) [![Tweet](https://camo.githubusercontent.com/cb820a0ecc9645168e33b03925d7f14691262ddbaeaf66a0a91697803d0cba2d/68747470733a2f2f696d672e736869656c64732e696f2f747769747465722f75726c2f687474702f736869656c64732e696f2e7376673f7374796c653d736f6369616c)](https://twitter.com/intent/tweet?text=Get%20free%20material%20dashboard%20for%20Yii2%20based%20on%20Bootstrap%204&url=https://www.coderseden.com/product/material-dashboard-yii2&via=coderseden&hashtags=bootstrap,design,material,yii2,developers) [![version](https://camo.githubusercontent.com/34e695c6016bc2a934a96bed696e29b2f2ab562a7134d65a55d00653cd506bea/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f76657273696f6e2d312e302e302d626c75652e737667)](https://camo.githubusercontent.com/34e695c6016bc2a934a96bed696e29b2f2ab562a7134d65a55d00653cd506bea/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f76657273696f6e2d312e302e302d626c75652e737667) [![license](https://camo.githubusercontent.com/7013272bd27ece47364536a221edb554cd69683b68a46fc0ee96881174c4214c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667)](https://camo.githubusercontent.com/7013272bd27ece47364536a221edb554cd69683b68a46fc0ee96881174c4214c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667) *Frontend version*: Material Dashboard for Yii2 v1.0.0. More info at [![Product Image](https://camo.githubusercontent.com/d97f2b4aa99002610857361c14a594cb048e8b566f8c1ac4536980ebffe6b3fe/68747470733a2f2f636f646572736564656e2e73332e65752d63656e7472616c2d312e616d617a6f6e6177732e636f6d2f70726f64756374732f6d6174657269616c2d64617368626f6172642d796969322e6a7067)](https://camo.githubusercontent.com/d97f2b4aa99002610857361c14a594cb048e8b566f8c1ac4536980ebffe6b3fe/68747470733a2f2f636f646572736564656e2e73332e65752d63656e7472616c2d312e616d617a6f6e6177732e636f6d2f70726f64756374732f6d6174657269616c2d64617368626f6172642d796969322e6a7067) Speed up your web development with the Bootstrap 4 Admin Dashboard built for Yii2. Note ---- [](#note) We recommend installing this preset on a project that you are starting from scratch, otherwise your project's design might break. Prerequisites ------------- [](#prerequisites) We have included the Docker with all the config files for building MySQL, PHP and Nginx environment. To review : - [Yii2 Framework documentation](https://www.yiiframework.com/doc/guide/2.0/en) - [Docker Get Started](https://www.docker.com/get-started) #### Optional [](#optional) - Add to your hosts file on your machine (macOS `/etc/hosts`, Win `C:\Windows\System32\drivers\etc\hosts`) the following for quick browser access: `127.0.0.1 material-dashboard.test` - check the docker/docker-compose.yml for any user/pass you could need like MySQL credentials - to access docker container, identify your container from terminal by running `docker ps`then `docker exec -i -t CONTAINER_NAME /bin/bash` All the above are available on linux/mac and windows. #### Scripts [](#scripts) In the `docker` folder, you will find a `scripts` folder with a few helpers: `scripts/docker.sh up` - will start docker `scripts/docker.sh down` - will stop all docker containers from your computer `scripts/docker.sh remove` - will remove all the docker containers from your computer (use with caution) \*\*\* Please run the commands from the docker folder where the docker-compose.yml file is, otherwise it won't work. #### Other notes [](#other-notes) 1. Before running the docker command make sure you don't have any web-server or mysql instance running on your computer and blocking port 80, 81, 3360, etc. If you do, Docker will fail to start properly. 2. All local projects will have their own phpmyadmin interface at `http://material-dashboard.test:81` 3. On windows, make sure your project lives in C:/Users/Username/\* otherwise things won't work properly. #### Docker notes [](#docker-notes) 1. `docker-compose rm` will remove loaded containers ( this is applicable when docker-compose.yml is changed ). 2. `docker-compose build --no-cache` to build containers from scratch and not from cache. Installation ------------ [](#installation) 1. Using your editor, duplicate `web/config/db-local.php` to be `web/config/db.php` and add your database credentials credentials. If you are using docker as an local environment, then just rename `web/config/db-docker.php` to be `web/config/db.php` 2. Start the docker `sh scripts/docker.sh up` 3. Connect to the docker `php-fpm` using the following command: `docker exec -it material-dashboard-php-fpm /bin/bash` 4. Run `composer install` to install the vendor 5. After Composer is finished, run migration command `php yii migrate/up` and type `Y` Usage ----- [](#usage) A user will be already created for you to login from the migration command `hello@coderseden.com` with password `admin123` so you can login and browse. Besides the dashboard and the auth pages this preset also has a full CRUD example on users management (Create User, View User, Update User, Delete User). All the necessary files (controllers, models, views) are installed out of the box and all the needed routes are added to `web/config/web.php`. Keep in mind that all of the features can be viewed once you login using the credentials provided above. ### Dashboard [](#dashboard) You can access the dashboard either by using the "**Dashboard**" link in the left sidebar. Table of Contents ----------------- [](#table-of-contents) - [Demo](#demo) - [Documentation](#documentation) - [File Structure](#file-structure) - [Browser Support](#browser-support) - [Resources](#resources) - [Reporting Issues](#reporting-issues) - [Licensing](#licensing) Demo ---- [](#demo) - [Login](https://demo.coderseden.com/material-dashboard-yii2/) - [Users Management ](https://demo.coderseden.com/material-dashboard-yii2/users) - [View User](https://demo.coderseden.com/material-dashboard-yii2/users/view?id=1) - [Update User](https://demo.coderseden.com/material-dashboard-yii2/users/update?id=1) - [Create User](https://demo.coderseden.com/material-dashboard-yii2/users/create) [View More](https://demo.coderseden.com/material-dashboard-yii2/). Documentation ------------- [](#documentation) The documentation for the Material Dashboard Yii2 is hosted at our [website](https://help.coderseden.com/). File Structure -------------- [](#file-structure) ``` ├── controllers │   ├── DashboardController.php │   ├── IconsController.php │   ├── MapController.php │   ├── NotificationsController.php │   ├── SiteController.php │   ├── TablesController.php │   ├── TypographyController.php │   └── UsersController.php ├── migrations │   └── m200216_223841_create_user_table.php ├── models │   ├── User.php │   ├── UserForgotForm.php │   ├── UserLoginForm.php │   └── UserSearch.php ├── views │   ├── dashboard │   │   └── index.php │   ├── icons │   │   └── index.php │   ├── layouts │   │   ├── admin.php │   │   ├── content.php │   │   ├── footer.php │   │   ├── header.php │   │   ├── left.php │   │   ├── main.php │   │   └── plugin.php │   ├── map │   │   └── index.php │   ├── notifications │   │   └── index.php │   ├── site │   │   ├── error.php │   │   ├── forgot.php │   │   └── index.php │   ├── tables │   │   └── index.php │   ├── typography │   │   └── index.php │   └── users │   ├── form.php │   ├── list.php │   └── view.php ├── web │   ├── css │   │   ├── material-dashboard-rtl.css │   │   ├── material-dashboard.css │   │   ├── material-dashboard.css.map │   │   └── material-dashboard.min.css │   ├── demo │   │   ├── demo.css │   │   └── demo.js │   ├── img │   │   ├── apple-icon.png │   │   ├── bg2.jpg │   │   ├── city-profile.jpg │   │   ├── city.jpg │   │   ├── cover.jpg │   │   ├── faces │   │   │   ├── avatar.jpg │   │   │   ├── card-profile1-square.jpg │   │   │   ├── card-profile2-square.jpg │   │   │   └── marc.jpg │   │   ├── favicon.png │   │   ├── login.jpg │   │   ├── mask.png │   │   ├── new_logo.png │   │   ├── sidebar-1.jpg │   │   ├── sidebar-2.jpg │   │   ├── sidebar-3.jpg │   │   ├── sidebar-4.jpg │   │   └── yii-logo.svg │   ├── js │   │   ├── core │   │   │   ├── bootstrap-material-design.min.js │   │   │   ├── jquery.min.js │   │   │   └── popper.min.js │   │   ├── material-dashboard.js │   │   ├── material-dashboard.js.map │   │   ├── material-dashboard.min.js │   │   ├── plugin.js │   │   └── plugins │   │   ├── arrive.min.js │   │   ├── bootstrap-datetimepicker.min.js │   │   ├── bootstrap-notify.js │   │   ├── bootstrap-selectpicker.js │   │   ├── bootstrap-tagsinput.js │   │   ├── chartist.min.js │   │   ├── fullcalendar.min.js │   │   ├── jasny-bootstrap.min.js │   │   ├── jquery-jvectormap.js │   │   ├── jquery.bootstrap-wizard.js │   │   ├── jquery.dataTables.min.js │   │   ├── jquery.tagsinput.js │   │   ├── jquery.validate.min.js │   │   ├── moment.min.js │   │   ├── nouislider.min.js │   │   ├── perfect-scrollbar.jquery.min.js │   │   └── sweetalert2.js │   └── scss │   ├── material-dashboard │   │   ├── _alerts.scss │   │   ├── _buttons.scss │   │   ├── _cards.scss │   │   ├── _checkboxes.scss │   │   ├── _core-bootstrap.scss │   │   ├── _dropdown.scss │   │   ├── _example-pages.scss │   │   ├── _fixed-plugin.scss │   │   ├── _footers.scss │   │   ├── _forms.scss │   │   ├── _headers.scss │   │   ├── _images.scss │   │   ├── _info-areas.scss │   │   ├── _input-group.scss │   │   ├── _misc.scss │   │   ├── _mixins.scss │   │   ├── _navbar.scss │   │   ├── _popover.scss │   │   ├── _popups.scss │   │   ├── _radios.scss │   │   ├── _responsive.scss │   │   ├── _ripples.scss │   │   ├── _sidebar-and-main-panel.scss │   │   ├── _social-buttons.scss │   │   ├── _tables.scss │   │   ├── _tabs.scss │   │   ├── _togglebutton.scss │   │   ├── _tooltip.scss │   │   ├── _type.scss │   │   ├── _variables.scss │   │   ├── bootstrap │   │   │   └── scss │   │   │   ├── _alert.scss │   │   │   ├── _badge.scss │   │   │   ├── _breadcrumb.scss │   │   │   ├── _button-group.scss │   │   │   ├── _buttons.scss │   │   │   ├── _card.scss │   │   │   ├── _carousel.scss │   │   │   ├── _close.scss │   │   │   ├── _code.scss │   │   │   ├── _custom-forms.scss │   │   │   ├── _dropdown.scss │   │   │   ├── _forms.scss │   │   │   ├── _functions.scss │   │   │   ├── _grid.scss │   │   │   ├── _images.scss │   │   │   ├── _input-group.scss │   │   │   ├── _jumbotron.scss │   │   │   ├── _list-group.scss │   │   │   ├── _media.scss │   │   │   ├── _mixins.scss │   │   │   ├── _modal.scss │   │   │   ├── _nav.scss │   │   │   ├── _navbar.scss │   │   │   ├── _pagination.scss │   │   │   ├── _popover.scss │   │   │   ├── _print.scss │   │   │   ├── _progress.scss │   │   │   ├── _reboot.scss │   │   │   ├── _root.scss │   │   │   ├── _tables.scss │   │   │   ├── _tooltip.scss │   │   │   ├── _transitions.scss │   │   │   ├── _type.scss │   │   │   ├── _utilities.scss │   │   │   ├── _variables.scss │   │   │   ├── bootstrap-grid.scss │   │   │   ├── bootstrap-reboot.scss │   │   │   ├── bootstrap.scss │   │   │   ├── mixins │   │   │   │   ├── _alert.scss │   │   │   │   ├── _background-variant.scss │   │   │   │   ├── _badge.scss │   │   │   │   ├── _border-radius.scss │   │   │   │   ├── _box-shadow.scss │   │   │   │   ├── _breakpoints.scss │   │   │   │   ├── _buttons.scss │   │   │   │   ├── _caret.scss │   │   │   │   ├── _clearfix.scss │   │   │   │   ├── _float.scss │   │   │   │   ├── _forms.scss │   │   │   │   ├── _gradients.scss │   │   │   │   ├── _grid-framework.scss │   │   │   │   ├── _grid.scss │   │   │   │   ├── _hover.scss │   │   │   │   ├── _image.scss │   │   │   │   ├── _list-group.scss │   │   │   │   ├── _lists.scss │   │   │   │   ├── _nav-divider.scss │   │   │   │   ├── _navbar-align.scss │   │   │   │   ├── _pagination.scss │   │   │   │   ├── _reset-text.scss │   │   │   │   ├── _resize.scss │   │   │   │   ├── _screen-reader.scss │   │   │   │   ├── _size.scss │   │   │   │   ├── _table-row.scss │   │   │   │   ├── _text-emphasis.scss │   │   │   │   ├── _text-hide.scss │   │   │   │   ├── _text-truncate.scss │   │   │   │   ├── _transition.scss │   │   │   │   └── _visibility.scss │   │   │   └── utilities │   │   │   ├── _align.scss │   │   │   ├── _background.scss │   │   │   ├── _borders.scss │   │   │   ├── _clearfix.scss │   │   │   ├── _display.scss │   │   │   ├── _embed.scss │   │   │   ├── _flex.scss │   │   │   ├── _float.scss │   │   │   ├── _position.scss │   │   │   ├── _screenreaders.scss │   │   │   ├── _sizing.scss │   │   │   ├── _spacing.scss │   │   │   ├── _text.scss │   │   │   └── _visibility.scss │   │   ├── cards │   │   │   ├── _card-plain.scss │   │   │   ├── _card-profile.scss │   │   │   └── _card-stats.scss │   │   ├── mixins │   │   │   ├── _alert.scss │   │   │   ├── _animations.scss │   │   │   ├── _breakpoints.scss │   │   │   ├── _buttons.scss │   │   │   ├── _chartist.scss │   │   │   ├── _colored-shadows.scss │   │   │   ├── _drawer.scss │   │   │   ├── _forms.scss │   │   │   ├── _hover.scss │   │   │   ├── _layout.scss │   │   │   ├── _navbar-colors.scss │   │   │   ├── _navs.scss │   │   │   ├── _sidebar-color.scss │   │   │   ├── _transparency.scss │   │   │   ├── _type.scss │   │   │   ├── _utilities.scss │   │   │   ├── _variables.scss │   │   │   └── _vendor-prefixes.scss │   │   ├── plugins │   │   │   ├── _animate.scss │   │   │   ├── _chartist.scss │   │   │   └── _perfect-scrollbar.scss │   │   └── variables │   │   ├── _body.scss │   │   ├── _bootstrap-material-design-base.scss │   │   ├── _bootstrap-material-design.scss │   │   ├── _brand.scss │   │   ├── _buttons.scss │   │   ├── _card.scss │   │   ├── _code.scss │   │   ├── _colors-map.scss │   │   ├── _colors.scss │   │   ├── _custom-forms.scss │   │   ├── _drawer.scss │   │   ├── _dropdown.scss │   │   ├── _forms.scss │   │   ├── _layout.scss │   │   ├── _list-group.scss │   │   ├── _menu.scss │   │   ├── _modals.scss │   │   ├── _nav.scss │   │   ├── _pagination.scss │   │   ├── _shadow.scss │   │   ├── _snackbar.scss │   │   ├── _spacing.scss │   │   ├── _state.scss │   │   ├── _tables.scss │   │   ├── _tooltip.scss │   │   └── _type.scss │   └── material-dashboard.scss ``` Browser Support --------------- [](#browser-support) At present, we officially aim to support the last two versions of the following browsers: [![](https://github.com/creativetimofficial/public-assets/raw/master/logos/chrome-logo.png?raw=true)](https://github.com/creativetimofficial/public-assets/blob/master/logos/chrome-logo.png?raw=true) [![](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/firefox-logo.png)](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/firefox-logo.png) [![](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/edge-logo.png)](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/edge-logo.png) [![](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/safari-logo.png)](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/safari-logo.png) [![](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/opera-logo.png)](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/opera-logo.png) Resources --------- [](#resources) - Demo: - Download Page: - Documentation: - Support: - **Dashboards:** HTMLYii2[![Material Dashboard HTML](https://camo.githubusercontent.com/0524b3b373443c8d16c021d3acbcf26c6a1c1dbbd55cce5c087481e9d90d57f7/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f637265617469766574696d5f6275636b65742f70726f64756374732f35302f6f726967696e616c2f6f70745f6d645f7468756d626e61696c2e6a70673f31353232323332363435)](https://demos.creative-tim.com/material-dashboard/examples/dashboard.html?ref=mdl-readme)[![Material Dashboard yii2](https://camo.githubusercontent.com/d97f2b4aa99002610857361c14a594cb048e8b566f8c1ac4536980ebffe6b3fe/68747470733a2f2f636f646572736564656e2e73332e65752d63656e7472616c2d312e616d617a6f6e6177732e636f6d2f70726f64756374732f6d6174657269616c2d64617368626f6172642d796969322e6a7067)](https://demo.coderseden.com/material-dashboard-yii2/)Change log ---------- [](#change-log) Please see the [changelog](CHANGELOG.md) for more information on what has changed recently. Credits ------- [](#credits) - [CodersEden](https://www.coderseden.com) - [Creative Tim](https://creative-tim.com/?ref=mdl-readme) Reporting Issues ---------------- [](#reporting-issues) We use GitHub Issues as the official bug tracker for the Material Dashboard Yii2. Here are some advices for our users that want to report an issue: 1. Make sure that you are using the latest version of the Material Dashboard Yii2 Framework. Check the CHANGELOG from your dashboard on our [website](https://www.coderseden.com). 2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed. 3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help. Licensing --------- [](#licensing) - Copyright 2020 CodersEden () - Copyright 2020 Creative Tim () - [Creative Tim License](https://www.creative-tim.com/license). ### Social Media [](#social-media) ### Creative Tim: [](#creative-tim) Twitter: Facebook: Dribbble: Instagram: ### CodersEden: [](#coderseden) Twitter: Facebook: Instagram: Blog: Credits ------- [](#credits-1) - [Creative Tim](https://creative-tim.com/?ref=mdl-readme) - [CodersEden](https://www.coderseden.com) ### Health Score 24 — LowBetter than 32% of packages Maintenance19 Infrequent updates — may be unmaintained Popularity25 Limited adoption so far Community11 Small or concentrated contributor base Maturity34 Early-stage or recently created project 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. ### Community Maintainers ![](https://avatars.githubusercontent.com/u/61268676?v=4)[CodersEden](/maintainers/coderseden)[@coderseden](https://github.com/coderseden) --- Top Contributors [![abude](https://avatars.githubusercontent.com/u/1656785?v=4)](https://github.com/abude "abude (4 commits)") --- Tags adminadmin-dashboardadmin-templatebootstrap-materialbootstrap-material-designbootstrap4dockeryii2-cmsyii2-framework ### Embed Badge ![Health badge](/badges/coderseden-material-dashboard-yii2/health.svg) ``` [![Health](https://phpackages.com/badges/coderseden-material-dashboard-yii2/health.svg)](https://phpackages.com/packages/coderseden-material-dashboard-yii2) ``` ### Alternatives [deployer/deployer Deployment Tool 11.0k25.4M207](/packages/deployer-deployer)[appwrite/server-ce End to end backend server for frontend and mobile apps. 55.3k84.2k](/packages/appwrite-server-ce)[pragmarx/health Laravel Server & App Health Monitor and Notifier 2.0k1.0M2](/packages/pragmarx-health)[felixfbecker/language-server-protocol PHP classes for the Language Server Protocol 22476.7M6](/packages/felixfbecker-language-server-protocol)[heroku/heroku-buildpack-php Toolkit for starting a PHP application locally, with or without foreman, using the same config for PHP and Apache2/Nginx as on Heroku 8161.3M10](/packages/heroku-heroku-buildpack-php)[tiamo/phpas2 PHPAS2 is a php-based implementation of the EDIINT AS2 standard 4674.7k](/packages/tiamo-phpas2) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)