😍 Case Study: "How we built from scratch Light Bootstrap Dashboard" on one of the biggest publications on Medium: FreeCodeCamp.

Material Dashboard

Free Bootstrap Material Admin
· 4.90/5 (348 Reviews)

MIT License

44,872 Downloads
113 Comments
Regular Support
Lifetime Updates
Release: 1 year ago
Update: 1 month ago
Icon html
Icon sass
Icon bootstrap

60 Handcrafted Components

2 Customized Plugins

3 Example Pages

Product certified by: Creative Tim

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?
  • Components · 60
  • Plugins · 2
  • Examples Pages · 3
  • -
  • -
  • -
What is in PRO Version?
  • Components · 200
  • Plugins · 15
  • Example Pages · 27
  • + Documentation
  • + SASS Files
  • + Photoshop Files
Upgrade to PRO
Opt mdp thumbnail

We are here to help you!

113 Web Developers commented on this product

Report issue

yoga 6 months ago

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

axelut
  • owner

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!
6 months ago

steferson.patake 6 months 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.

axelut
  • owner

@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!
6 months ago

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.
6 months ago

naresh.khuraijam
  • downloaded
6 months 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 ?

axelut
  • owner

@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!
6 months ago

zxdxzx 6 months ago

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

axelut
  • owner

@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!
6 months ago

nirul.sultan
  • downloaded
6 months ago

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

axelut
  • owner

@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!
6 months ago

nirul.sultan
  • downloaded

@axelut 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.
6 months ago

axelut
  • owner

@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
6 months ago

manilancer
  • downloaded
6 months ago

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

axelut
  • owner

@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
6 months ago

adibsee
  • downloaded
6 months 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

axelut
  • owner

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
6 months ago

shanker.m
  • downloaded
6 months ago

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

axelut
  • owner

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

arkanarex 6 months 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 :)

axelut
  • owner

@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!
6 months ago

zelbazy
  • downloaded
6 months ago

Nice work keep it up

axelut
  • owner

Anonymous Tim thank you! Glad that you like it :D
6 months ago

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

Why our customers appreciate us

Design Quality

Your design is always unique. Guys... you will make life easy.

Design Quality

I was blown away

Design Quality