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,042
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

yoga 4 years ago

When i using ajax dropdown binding not appended for select box. We using this class name "selectpicker" for yours.

alexpaduraru
  • downloaded

Thank you for using our product. Unfortunately, I didn't understand what is not working. Please send us a link to your web application. Best, Alex!
4 years ago

steferson.patake 4 years ago

Hello guys, I have the PRO version of this excelent material dashboard and I have a question: is there any transition effect between cards? I have one card with a login form and another to remember passord. I just want to look nicer with a transition effect between these two cards, is that possible? Thanks.

steferson.patake

@axelut thanks a lot for your reply. It´s working perfectly. Just added the animate.css and call $('#card').addClass('animated flipOutY'); Hugs.
4 years ago

alexpaduraru
  • downloaded

@steferson.patake thank you for using our product. You can use the animate.css library: https://daneden.github.io/animate.css/ and using some Javascript you can trigger the fadeIn and fadeOut animations or, the fadeOutUp and fadeInUp. Please let us know if everything is fine. Best, Alex!
4 years ago

naresh.khuraijam
  • downloaded
4 years ago

Can there be an editable table (like edit/delete option while displaying the data of the tables) support or is it reserved for pro users only ?

alexpaduraru
  • downloaded

@naresh.khuraijam thank you for using our product. As you've already seen, we have integrated on the PRO version the Datatables.net plugin (http://demos.creative-tim.com/material-dashboard-pro/examples/tables/datatables.net.html), you can either use the PRO or you can integrate the Datatables.net (https://datatables.net/), which has the edit options, by yourself if don't want to get the PRO. It is not something exclusive for the PRO users :D Hope this information will help you. Best, Alex!
4 years ago

zxdxzx 4 years ago

Hi there, is there any version fully working with webpack and angular 2.4?

alexpaduraru
  • downloaded

@zxdxzx thank you for your interest in our product. At this moment the Material Dashboard Free and PRO for Angular 2 (https://www.creative-tim.com/product/material-dashboard-angular2) are working with v2.4.x but they are not integrated with webpack and CLI. We are working at some versions who will cover also the CLI. You can get the Free version from the link that I gave you and see how it is working. If everything is fine, then you upgrade to PRO. Please let us know if we can help you with anything else. Best, Alex!
4 years ago

nirul.sultan
  • downloaded
4 years ago

Hey guys quick, question where can i find the config,json for this???

alexpaduraru
  • downloaded

@nirul.sultan thank you for using our product. Unfortunately, the product doesn't include a config.json. Can you please let us know what would you expect to have in that file and we will see if this will be integrated in a future update or give you a solution for the moment. Best, Alex!
4 years ago

nirul.sultan
  • downloaded

@alexpaduraru i'm trying to get the bootstrap file for this theme, the bootstrap file is the same as the bootstrap file from the material kit where you needed the config.json to get the complete bootstrap file.
4 years ago

alexpaduraru
  • downloaded

@nirul.sultan please download the product and you will have in the archive the assets/css/bootstrap.min.css and also our material-dashboard.css. There is no material kit nor config.json files in this product. Still didn't really understand what are you looking for :-( Please give me all the details so we can help you. Best, Alex
4 years ago

manilancer
  • downloaded
4 years ago

i want dropdown menu in sidebar, like material dashboard pro. how to do that...

alexpaduraru
  • downloaded

@manilancer thank you for using our product. You can create that by your own using the Collapse element from Bootstrap: http://getbootstrap.com/javascript/#collapse (this is what we used in MDPro) or you can upgrade to the PRO version and have that pre-built. Please let us know if we can help you with anything else. Best, Alex
4 years ago

adibsee
  • downloaded
4 years ago

Hey Alex great job and amzaing temp i have a project for netowrking using python and django framework can use it with mysql to disply data on graphes Thank You

alexpaduraru
  • downloaded

Anonymous Tim thank you for using our product. I've searched a lot to find a tutorial for that but the only thing that I found was a tutorial for plain PHP and MySQL: https://www.html5andbeyond.com/displaying-php-array-data-in-graphs-with-chartist/ Maybe this will help you because it is the same concept, so you just need to know how to send those data to the chartist.js plugin. Please let us know if that was helpful. Best, Alex
4 years ago

shanker.m
  • downloaded
4 years ago

Hi, i want to use this for a single client, single site. Can i use the personal license?

alexpaduraru
  • downloaded

@shanker.m thank you for your interest in our product. Yes, you can use it with the Personal License. Best, Alex!
4 years ago

arkanarex 4 years ago

Hello, good afternoon, I'm working on your free version, but I have a question that always looks like a great icon, text and everything in general, because on small screens like laptops, it is not appreciated by how big the site is. Low resolution to 80% of the browser is perfect, there is a way to reduce the style to make the resolution smaller? Thanks for your time, it is a very good template :)

alexpaduraru
  • downloaded

@arkanarex thank you for working with our product. You need to manually update all the sizes of text from /assets/sass/md/_variables.scss line 115, where are the "$font-size-..." variables, then you need to compile again the material-dashboard.scss using Koala (http://koala-app.com/), that will change the fonts and will make the dashboard overview smaller. If you want to adjust other elements, you have to manually do that too. Hope this helps you. Best, Alex!
4 years ago

zelbazy
  • downloaded
4 years ago

Nice work keep it up

alexpaduraru
  • downloaded

Anonymous Tim thank you! Glad that you like it :D
4 years ago

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