Happy 8 years of Creative Tim! Celebrate with our Anniversary Bundle 🎉

Material Dashboard

Free Bootstrap 4 Material Admin

· 4.90/5 (1170 Reviews)

MIT License

Free Bootstrap 4 Material Design Admin

Product description


Material Dashboard is a free Material Bootstrap 4 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 4 framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements.

Material Dashboard makes use of light, surface and movement. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left sidebar and the content is on the right inside the main panel.

This product came as a result of users asking for a material dashboard after we released our successful Material Kit. We developed it based on your feedback and it is a powerful bootstrap 4 admin dashboard, which allows you to build products like admin panels, content managements systems and CRMs.

Material Dashboard comes with 5 color filter choices for both the sidebar and the card headers (blue, green, orange, red and purple) and an option to have a background image on the sidebar.


Special thanks go to:

We are very excited to share this dashboard with you and we look forward to hearing your feedback!

You can find the Github Repo here.

Product certified by: Creative Tim
Material Dashboard - Fully Coded and Responsive HTML5
Material Dashboard - Sass Files for Professional Front End Developers
Material Dashboard - Crafted with Bootstrap - the most popular Front End Framework
Downloads
283,044
Version
2.1.2
Changelog
Updated
1 year ago
Released
5 years ago
Handcrafted Elements
60
Customized Plugins
2
Example Pages
3
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Material Dashboard Pro. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with this product!

What is in Demo? What is in PRO Version?
Elements 60 300
Plugins 2 15
Examples Pages 3 54
Full Coded
Documentation
SASS Files
Photoshop Files
Sketch Files
Premium Support

We are here to help you!

316 Web Developers commented on this product

Github Docs Knowledge Center Custom Development

aa93iq
  • downloaded
4 years ago

i love u work it look so nice and sweet :)

alexpaduraru
  • downloaded

@aa93iq thank you for the kind words! We are glad that you like it :D
4 years ago

lebeau.nicolas
  • downloaded
4 years ago

I Axelut, great work ! :) I'm a 18 year old french developper, can I use this freely for my project ? Thank's you for your awnser :) ! Good luck for your future works !

alexpaduraru
  • downloaded

@lebeau.nicolas thank you for your interest in our product. Yes, you can use it without problems. Best, Alex!
4 years ago

kimpixel
  • downloaded
4 years ago

its not working with BS4 !??

alexpaduraru
  • downloaded

@kimpixel at this moment Material Dashboard is compatible with BS3, as soon as BS4 is in a stable beta we will convert it to BS4 too. Please let us know if we can help you with anything else. Best, Alex!
4 years ago

falgun.shahis
  • downloaded
4 years ago

Hi is there a way to theme the select picker ?

alexpaduraru
  • downloaded

@falgun.shahis thank you for using our product. Yes, you can customize the Select Picker with any style you want because you have full access to the SCSS files or you can get the PRO version which has a better Bootstrap Select Picker and can be found here: http://demos.creative-tim.com/material-dashboard-pro/examples/forms/extended.html Please let us know if we can help you with anything else. Best, Alex!
4 years ago

raj.wankhade2012
  • downloaded
4 years ago

this is awesome dashboard .Thank you very much!!!

siddharth.pandey
  • downloaded
4 years ago

Thanks for your Instagram post so that i will get this awesome UI

alexpaduraru
  • downloaded

@siddharth.pandey glad that you like it! You're welcome!
4 years ago

antoine.legendre
  • downloaded
4 years ago

Hey, How custom plugin ? ex : var dataEmailsSubscriptionChart = { labels: ['Jan', 'Feb', 'Mar', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], series: [ [542, 443, 320, 780, 553, 453, 326, 434, 568, 610, 756, 895] ] }; var optionsEmailsSubscriptionChart = { axisX: { showGrid: false }, low: 0, high: 1000, chartPadding: { top: 0, right: 5, bottom: 0, left: 0} }; var responsiveOptions = [ ['screen and (max-width: 640px)', { seriesBarDistance: 5, axisX: { labelInterpolationFnc: function (value) { return value[0]; } } }] ]; var emailsSubscriptionChart = Chartist.Bar('#emailsSubscriptionChart', dataEmailsSubscriptionChart, optionsEmailsSubscriptionChart, responsiveOptions); //start animation for the Emails Subscription Chart md.startAnimationForBarChart(emailsSubscriptionChart); },

alexpaduraru
  • downloaded

@antoine.legendre thank you for using our product. We just responded to your email. You can also see more information about the charts on the original documentation here: https://gionkunz.github.io/chartist-js/ Please let us know if we can help you with anything else. Best, Alex!
4 years ago

antoine.legendre
  • downloaded
4 years ago

Thanks you !

chrisembry
  • downloaded
4 years ago

How can i take this admin panel and connect it to my wordpress site ? I'm trying to learn coding and seem to be looking and staring and scratching my head over how to do this

alexpaduraru
  • downloaded

@chrisembry thank you for using our product. Unfortunately we don't have experience with Wordpress customizations but maybe this video will help you: https://www.youtube.com/watch?v=IofPWdC9U7A All the best, Alex!
4 years ago

ekaterina.khotko
  • downloaded
4 years ago

Nice work you did! But I have some issues on tablet with mobile Chrome app. 1. Can't display material icons at all 2. Main panel and content views are over the sidebar (no margin or padding for them it seems) on the horizontal orientation 3. On vertical orientation at first sight all looks good. But then you toggle left-side menu there is some weird cycle with it: toggle > nothing > toggle > sidebar appears > toggle > blank space instead of sidebar > toggle > blank space dissapeared This product looks amazing, i want so hard to use it in project. So please help me to figure out what's wrong :(

alexpaduraru
  • downloaded

@ekaterina.khotko thank you for using our product. Can you please let us know on which device you test our product? In this way we can check and see what it's wrong. Please also send a link to your website. Best, Alex!
4 years ago

ekaterina.khotko
  • downloaded

@alexpaduraru , sorry for late response, had no access to the tablet last days. So tablet is Acer Iconia Tab A701. I tested your live demo on it and our issue occurs same as at my site. In Opera app all works fine. Thanks! Have a nice day!
4 years ago

alexpaduraru
  • downloaded

@ekaterina.khotko we will have a look to see what could be the issue. Thank you for the information!
4 years ago

You have to be logged in to post a comment. Login here.