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

Material Dashboard Pro

Premium Bootstrap Admin Template
· 4.80/5 (138 Reviews)

License

1,111 Downloads
127 Comments
Premium Support
Lifetime Updates
Release: 10 months ago
Update: 15 days 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!

127 Web Developers commented on this product

Report issue

jualansandi 6 months ago

do you have any plan to add list group?

axelut
  • owner

@jualansandi thank you for your interest in our product. Can you please let us what kind of list groups? Do you have an example? Then, we will check it and see if we will add it in a future version. Best, Alex!
6 months ago

jualansandi 6 months ago

thanks for support, o iya. i got confused when add fixed button. i want to make FAB in my dashboard, i;ve set the button to fixed position. but, when scrolling, the button follow the scroll.

axelut
  • owner

@jualansandi please add the fixed button outside of the div.main-panel, and it will stay fixed without problems :D
6 months ago

johnson 6 months ago

Hi, this looks really awesome. I wonder if you guys do any discounts throuout the year as 200$ is way to expansive for me at the moment. Thanks.

axelut
  • owner

@johnson thank you for your interest in our product. We have discounts but we don't know when we give them, they are coming most of the time randomly based on the sales of the products. We recommend you to start with the Personal License and when you start making money (if this will be for a client) then you can simply upgrade to Developer just by paying the difference. Makes sense? Best, Alex!
5 months ago

kristiangoul.møller 6 months ago

Hi. I have been looking at the previews of this admin theme. It looks really good. But for the project that I am currently working on, I need to have a Gantt Chart in the admin theme. Do you have any current plans to include a Gantt Chart into this admin theme? Thanks! :)

axelut
  • owner

Anonymous Tim thank you for your interest in our product. At this moment this is the first request for Gantt Chart. We have an internal rule to wait till we have 3 requests for a feature before implementing it. In this way, we keep the product very light and easy to be customized and user-friendly. You can add a library like this one: https://developers.google.com/chart/interactive/docs/gallery/ganttchart and we would be glad to help you with feedback and suggestions on how to modify the design to look like the other elements. Hope this information helps you. Best, Alex!
5 months ago

kristiangoul.møller 6 months ago

Btw, I just saw this admin theme for sale on Themeforest - and the Regular Form page looks very much likes yours: https://themeforest.net/item/outlay-responsive-material-admin-template/19347867?s_rank=3

axelut
  • owner

Anonymous Tim thank you for the information. We've checked and you're right, also the checkboxes/radios are from us. We've seen that the author is selling some templates that are build with our Material Kit PRO: http://upplanet.com/bighero/moharram-demo/image/index.html. We will check with him to see if he is having the right license to do this. And if he has one, he has to modify the templates so the areas will not look identical as the one from our product, because that is not allowed in our license. Best, Alex!
5 months ago

sashikant.shaw 5 months ago

Hey, I am planning to buy this for my startup and this product looks very impressive. I needed a few basic customization on the first hand, like I need to use Highcharts library(interactive) in place of Chartist.js which you have used. Secondly Do you have an option for an in-page spreadsheet? Along with export and import data option? Thanks

axelut
  • owner

@sashikant.shaw thank you for your interest in our product. We've checked Highcharts and it seems it can be integrated on our product, you just need to make sure the lines are white if you want to use the colored cards, otherwise they will work fine on the regular white cards, here are the examples that we have for Chartist: http://demos.creative-tim.com/material-dashboard-pro/examples/charts.html. For the Spreadsheet we have the DataTables.net: http://demos.creative-tim.com/material-dashboard-pro/examples/tables/datatables.net.html which has the export function, more about that can be found in their original documentation: https://datatables.net/extensions/buttons/examples/initialisation/export.html Please let us know if we can help you with anything else. Best, Alex!
5 months ago

sashikant.shaw

Hey @axelut , Thanks for your reply. Your template is amazing, which I need it. Can you please help me by answering: 1. Does the Chartist.js has an interactive feature esp. the drill down bar chart? 2. The datatable you have suggested looks very good, but unfortunately doesn't solve my purpose. I needed an inline-editing table structure.
5 months ago

axelut
  • owner

@sashikant.shaw 1. Chartist is a very complex plugin which gives you a lot of options, you can check all the possibilities here: https://gionkunz.github.io/chartist-js/examples.html 2. There is also an inline-editing option for that: https://gionkunz.github.io/chartist-js/examples.html Most the plugins that we included in the product are very powerful and supported by big communities of web developers. That means you will find a solution for most of your cases even you just search on google something like "inline edit datatables.net". So you are backed up by them :D Best, Alex!
5 months ago

axelut
  • owner

here is the link for datatables.net: https://editor.datatables.net/examples/inline-editing/simple I copy/paste the wrong one on the other comment :-))
5 months ago

woldy
  • downloaded
5 months ago

Hi! I just bought the Material Dashboard Pro theme and it's awesome. I only have one problem: When I use the selectpicker class(Select Boostrap) in the form wizard example you provided, it does not work. Specifically, it breaks the nav pills at the top. Any idea on what I can do to fix this?

dragosct10

Hi @woldy ! I will attach you a link to github and there you will find the way to fix the problem. Best, Dragos! https://github.com/creativetimofficial/material-dashboard-pro/issues/30
5 months ago

rbiglazzi
  • downloaded
5 months ago

I bought the Material Dashboard Pro theme and I think it's very good, but when i use the selectpicker whit angular (ng-options) It does not render. Any idea on what I can do to fix this? Tks

axelut
  • owner

@rbiglazzi thank you for using our product. Can you please send us a link to your repo or web application? Do you have any errors in the Console? In the meantime, please make sure the code for activating the select "$(".select").dropdown({ "dropdownClass": "dropdown-menu", "optionClass": "" });" currently inside document.ready on material-dashboard.js is called after you finish to render the ng-options. Best, Alex!
5 months ago

gui.brawl 5 months ago

This looks awesome. In the free version, it is possible to add groups in sidebar and/or made it collapse? Also, this template works with bootstrap 4?

gezermolina
  • downloaded
5 months ago

Hola Compré material dashboard pro para mis proyectos, es impresionante todas sus plantillas los felicito estoy muy contento, solo tengo dos preguntas: 1. Cuando descargué el proyecto no sale la barra lateral donde uno puede cambiar los colores y las imagenes del side bar. Se le puede agregar otro color al side bar que aparte de blanco y negro?

axelut
  • owner

@gezermolina gracias por usar nuestro producto nos alegra que te guste. Para crear tus propios colores debes ir a la línea 264 de "assets/sass/md/_sidebar-and-main-panel.scss y duplicar que con tu propio color, en vez de "negro" usas lo que quieres y en lugar de "$gray-base" usted puede enviar su color como" #00bbff", todos los otros colores se pueden encontrar en "assets/sass/md/_colors.scss". Entonces, usted necesita compilar los assets/sass/material-dashboard.scss usando Koala (http://koala-app.com/) y todo estará bien. Por favor, háganos saber si eso estaba funcionando. Alex!
5 months ago

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

Why our customers appreciate us

Design Quality

Design Quality

Design Quality