The Material Dashboard is built on top of Bootstrap 4, so you can safely use it on your existing or new Bootstrap project.
Description
Material Dashboard is a free Material Bootstrap Admin with a fresh, new design inspired by Google’s Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements.
Using it is very simple and it will enable you to refresh you classic looking application. To get the desired effect you will also need to integrate JS plugins that take a little bit more effort. It the end the result will be worth it.
Quick start
To start using the UI Dashboard you will need to import some files in your current project or start from scratch using our template (scroll down in this page to view it).
CSS
Copy-paste the stylesheet
<link> into your
<head> before all other stylesheets to load our CSS.
JS
Many of our components require the use of JavaScript to function. Specifically, they require
jQuery,
Popper.js, and our own JavaScript plugins. Place the following
<script>s near the end of your pages, right before the closing
</body> tag, to enable them. jQuery must come first, then Popper.js, and then our JavaScript plugins.
Fonts and Icons
Copy-paste the stylesheet
<link> into your
<head> before all other stylesheets to load the Fonts and Icons.
Starter template
Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Put it all together and your pages should look like this: