AdminLTE is a fully responsive admin template. Based on Bootstrap 3 framework. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops.
MaterialAdminLTE is a Material Design for AdminLTE using Bootstrap Material Design
Check out the live preview now and see for yourself.
- Live preview: https://ducthanhnguyen.github.io/MaterialAdminLTE
- Screenshot:
- Offline documentation is available in the source code at the folder: /documentation/index.html
- Visit the online documentation for the most updated guide.
We tried to make minimal change to the original AdminLTE so that it's easier for upgrading to the new version of it
Here are files and folder that's added to the original source code:
MaterialAdminLTE/
├── build/
| ├── bootstrap-material-design-less/*
| | └── plugins/*
| └── material-less/
| ├── bootstrap-social.less
| ├── MaterialAdminLTE.less
| └── skins
| ├── all-md-skins.less
| ├── skin-md-black.less
| ├── ...
| └── skin-md-yellow-light.less
└── build/
├── css/
| ├── bootstrap-material-design.css
| ├── MaterialAdminLTE.css
| ├── ripples.css
| └── skins
| ├── all-md-skins.css
| ├── skin-md-black.css
| ├── ...
| └── skin-md-yellow-light.css
├── img/
| └── patterns/
| ├── user-panel-bg_blue.jpg
| ├── ...
| └── user-panel-bg_yellow.jpg
└── js/
├── material.js
└── ripples.js
In html pages of AdminLTE, we added following lines of code
<!-- Material Design -->
<link rel="stylesheet" href="dist/css/bootstrap-material-design.min.css">
<link rel="stylesheet" href="dist/css/ripples.min.css">
<link rel="stylesheet" href="dist/css/MaterialAdminLTE.min.css">
<!-- AdminLTE Material Skins. Choose a skin from the css/skins
folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="dist/css/skins/all-md-skins.min.css">
</head>
<!-- Material Design -->
<script src="dist/js/material.min.js"></script>
<script src="dist/js/ripples.min.js"></script>
<script>
$.material.init();
</script>
</body>
- Upgrade to AdminLTE 3 with Bootstrap 4 as soon as the stable version of AdminLTE is released
- Upgrade to Material Design for Bootstrap 4
MaterialAdminLTE is an open source project that is licensed under MIT.