Start Bootstrap brought you here? ❤️ We want to offer you 20% off for all our products. Just use the coupon code 20start-bootstrap

Material Dashboard Pro

Premium Bootstrap 4 Admin Template
· 4.90/5 (228 Reviews)

License

2,395 Downloads
30 Comments
Premium Support
Lifetime Updates
Release: 1 year ago
Update: 1 month ago
Icon html
Icon sass
Icon photoshop
Icon bootstrap

200 Handcrafted Components

15 Customized Plugins

27 Example Pages

Bootstrap Based

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about Material Dashboard Pro in the light demo version. It has features from the full version. We hope you will like this introduction to 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
Get Free Demo
Opt md thumbnail

We are here to help you!

30 Web Developers commented on this product

Report issue

samuel.danquah
  • downloaded
20 days ago

Hello @dragosct, kudos for the work put into Material Dashboard Pro Theme. Is there a timeline for Vue Js version of this? Thanks

dragosct
  • downloaded

Hi, @samuel.danquah ! Thank you for using our product. I think in one month we will release the product on Vue.js. Regards, Dragos
19 days ago

soporteltsoft
  • downloaded
18 days ago

what is the difference between personal and development licence

dragosct
  • downloaded

Hi, @soporteltsoft ! Thank you for your interest in our products. On the package level (archive that you receive) there is no difference. The difference is only in what you can do with that package. For example a Personal License allows you to use our product for a personal website/app, for your startup or for a single client, while the Developer License allows you to create multiple websites/apps for different clients, for a SaaS application where you charge your users for using the product and also create themes/templates for sale. The themes/templates that you build cannot look as the original product, you need to change images, text, elements orders etc. More about the licenses can be found here: _http://creative-tim.com/license_ (http://creative-tim.com/license) Please let me know if we can help you with other details. Regards, Dragos
17 days ago

sageassan
  • downloaded
18 days ago

when i have to products, say Material Dashboard pro and Material kit , is referencing both their .css and .js in one project advised?

dragosct
  • downloaded

Hi, @sageassan ! Thank you for using our product. No, the files are different so they are not the same for these two products. Regards, Dragos
17 days ago

soporteltsoft
  • downloaded
18 days ago

background photo not load in dasboard data-image url not work, any suggestions

dragosct
  • downloaded

Hi! Please give us your link of the project to see what happened there. Regards, Dragos
17 days ago

pixelairport
  • downloaded
13 days ago

Hi. I work with VueJs and Material Dashboard Pro. Now i want to use the wizard. But the wizard makes Problems everytime. Now i found http://vuejs.creative-tim.com/vue-form-wizard That looks interesting and i want to ask if you think its better to use this instead of wizard demo javascript. And if somebody knows what to do to make it look like the original material dashboard pro wizard. Now it works but it has the css of the tutorial at http://vuejs.creative-tim.com/vue-form-wizard

dragosct
  • downloaded

Hi, @pixelairport ! Thank you for using our product. Yes, you can use that wizard, but it's a more complex work to make the wizard to look like the original wizard from Material Dashboard PRO because in the vuejs wizard are different classes and another structure so this is a problem with the scss and the structure of the original wizard. Regards, Dragos
12 days ago

robin.leysen
  • downloaded
12 days ago

Hello again, I need to be able to respond to a change in the checkbox switch/toggle control (togglebutton). As in the examples, the input of type checkbox is wrapped inside a div of class togglebutton, which renders fine. But my jquery does not respond to the change event of the input element. e.g. for <input id="t1" class="checkbox"> $("#t1").change(function () { if ($(this).prop("checked")) { //do stuff } else { //do something else } }); How can I react to a change in the toggle?

robin.leysen
  • downloaded

Never mind! Typo on my input element <input id="#t1"> should not have the # in the id.
12 days ago

dragosct
  • downloaded

Hi, @robin.leysen ! Thank you for using our product. Did you fix the problem? Regards, Dragos
12 days ago

tanin_pong 12 days ago

i try

pixelairport
  • downloaded
9 days ago

Hi. I try to use datetimepicker in Material Dashboard Pro, but on mouseover the backgroundcolor for Numbers (of the days) are just blinking. I use vuejs. I tried to see how it is integrated in components documentation. But this does not work: http://demos.creative-tim.com/material-dashboard-pro/docs/2.0/plugins/datetimepicker.html ... I tested chrome and safari... The datebox does not open and the label is placed over placeholder text.

dragosct
  • downloaded

Hi, @pixelairport ! Please take the uploaded javascript file and replace in assets/js. https://www.dropbox.com/s/2ee2z1t3fu0n1bz/bootstrap-material-design.js.zip?dl=0 Regards, Dragos
8 days ago

pixelairport
  • downloaded

thx. it works :)
8 days ago

alex811 6 days ago

Do you have a Vue2.js version on the works?

katanesan 5 days ago

Hi, My company would like to develop a software product using one of your HTML templates and 1. Sell the developed end software application/product to multiple clients. 2.Host the end software application/product on a cloud and charge clients as a Sas application. Which license does my company need to purchase? Thanks Kat

moldovanst
  • owner

Hi @katanesan , Thank you for your interest in our products. On the package level (archive that you receive) there is no difference. The difference is only in what you can do with that package. For example a Personal License allows you to use our product for a personal website/app, for your startup or for a single client, while the Developer License allows you to create multiple websites/apps for different clients, for a SaaS application where you charge your users for using the product and also create themes/templates for sale. The themes/templates that you build cannot look as the original product, you need to change images, text, elements orders etc. More about the licenses can be found here: _http://creative-tim.com/license_ (http://creative-tim.com/license) Please let me know if we can help you with other details. All the best, Stefan
4 days ago

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

Why our customers appreciate us

Design Quality

Design Quality

Design Quality

Perfect