Material Dashboard Pro React

Let's get to know each other! Take our developer survey, opened to coders everywhere! πŸ™πŸ»

Material Dashboard Pro React

Premium Material-ui Admin
· 4.90/5 (131 Reviews)

License

2,125 Downloads
280 Comments
Premium Support
6 months Updates
Release: 1 year ago
Update: 3 months ago

200 Handcrafted Components

10 Customized Plugins

8 Example Pages

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about Material Dashboard Pro React 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 · 30
  • Plugins · 2
  • Examples Pages · 7
  • -
  • -
  • -
  • -
What is in PRO Version?
  • Components · 200
  • Plugins · 10
  • Example Pages · 8
  • + Documentation
  • + SASS Files
  • + Photoshop Files
  • + Sketch Files
Get Free Demo

We are here to help you!

280 Web Developers commented on this product

Github Docs FAQ Page

einazare
  • owner
1 year ago

Hello @sathyamahes and thank you for your interest in using our product. I'm pretty sure there is something that you are doing wrong. Please take a look here (https://timcreative.github.io/material-dashboard-pro-react/#/forms/validation-forms) and see that our password fields work properly. I cannot attach code in this comment, but if you take a look at that page you'll understand how to make a password field. Hope that information helps you. Please let us know if we can help you with anything else. Best, Manu.

phbtp
  • downloaded
1 year ago

I have noticed that the data in the example charts get on top of each other when the screen size is reduced. For instance, if I put the visualization in mobile mode, the bars in the bar charts all collapse to the left becoming a single bar. Do you know if there is something I could do about it to prevent it? Thanks!

einazare
  • owner

Hello @phbtp , and than you for your interest in using our product. We've seen our selfs this issue and haven't found a solution to it yet, if you reload the page on responsive mode, than the charts will look nice again, but you should know that this issue is from 'react-chartist' plugin and not from our dashboard. If you want, you can open an issue on their github repo. I'm pretty sure they'll find a quick fix for it. Best, Manu
1 year ago

phbtp
  • downloaded
1 year ago

Hi @einazare , thanks for the quick reply! react-chartist seems to not be too actively maintained. Have you guys thought about supporting some other charting library?

einazare
  • owner

Hello @phbtp , the problem is that almost all of our products use chartist for charts, and we have PSD/Sketch files for almost all of our PRO products. Changing the chart library with another one would mean tremendous work and we do not really have time for that. I've seen that the chartist library (library on which react-chartist is based) is rendering correctly, so if you want, you could delete our React code for the charts, and use the chartist way (https://gionkunz.github.io/chartist-js/). Best, Manu.
1 year ago

furkanesilou 1 year ago

Hi, is there any example for modal ? I couldn't find.

einazare
  • owner

Hello @furkanesilou and thank you for your interest in using our product. Here is a link to the modals (see bottom of the page): https://timcreative.github.io/material-dashboard-pro-react/#/components/notifications . And here is the link to the documentation for it: https://timcreative.github.io/material-dashboard-pro-react/#/documentation/modal . If you need anything else (any other components) you can find all of our components in our documentation https://timcreative.github.io/material-dashboard-pro-react/#/documentation/tutorial . Best, Manu.
1 year ago

edond
  • downloaded
1 year ago

Is there a version for material-ui-next?

einazare
  • owner

Hello @ednod,and thank you for your interest in using our product. This dashboard is based on [email protected], so it is a version of material-ui-next. Best, Manu.
1 year ago

koookiii 1 year ago

Hello, Can you please tell me what what's included in the psd document? ( A detailed description would be great ) We're checking if we're going to buy a developer licence with or without the psd design.

einazare
  • owner

Hello again @koookiii . I'm sorry for the late response, i haven't worked with PSD files from our products, and didn't know what those files had in them. I've spoken with one of my colleagues (the head of the PSD department) and showed me how PSD files are structured. In the PSD files you will find all of our pages from the dashboard, each one of them with multiple layers, layers which consists in every component you can see in our pages. Beside the pages, you will find files with just one of our component structured on multiple layer. Hope that information helps you. Please let us know if we can help you with anything else. Best, Manu.
1 year ago

phbtp
  • downloaded
1 year ago

Hello! I noticed that the tables do not scroll sideways when in mobile view. Would there be any solutions or guidelines to solve this? For instance, it is possible to observe it in the "Extended Tables" page. Thanks!

einazare
  • owner

Hello again @phbtp , it seems to me that the tables do scroll sideways. You can see that we've added a property in the jss for the tables "overflow: auto;", and this creates that behavior. Can you please tell us on which device you experience this issue? You can try an solve it by changing "overflow: auto" to "overflow-x: auto" in <<src/assets/jss/material-dashboard-pro-react/components/tableStyle.jsx>>, line 48. Best, Manu.
1 year ago

phbtp
  • downloaded

Hi einazare. I observe the issue on the mobile view of the browser on the computer. You asked about the device and I tested now on an actual phone. It does scroll there. So it should be fine Thanks
1 year ago

dinhvanlanh1996 1 year ago

rαΊ₯t tuyệt

sathyamahes 1 year ago

Hi , I am using the premium theme . how to add the onclick event to the profile wizard on the finish button and next button . Do you have any docs for the premium theme?

einazare
  • owner

Hello @sathyamahes and than you for your interest in using our product. Here is a link to our documentation where you will find the answer to your question https://timcreative.github.io/material-dashboard-pro-react/#/documentation/wizard . Best, Manu.
1 year ago

patcharapornen 1 year ago

Hi, The template is really beautiful and neatly made, however, for me, it lacks some components. Do you have plan to add more invoice builder, chat and recent notifications actions (event when we click notification icon on top right bar) in the next update?

einazare
  • owner

Hello @patcharapornen and thank you for your interest in using our product. Could you give us some examples of invoice builders and chats? On the event thing, i am not sure what you would like, this is kind of a specific request, a specific thing to do, maybe some of our clients would need that and that is why we leave to our clients if they want to add events like these. Best, Manu.
1 year ago

patcharapornen

Hi @einazare , Here's some examples I found: (in Invoice and Chat tab) - http://preview.themeforest.net/item/isomorphic-react-redux-admin-dashboard/full_screen_preview/20262330?_ga=2.141065778.1299717599.1524543990-1135305026.1523014762&_gac=1.254228730.1523288305.Cj0KCQjwnqzWBRC_ARIsABSMVTNP_uMnRErCwby2KYiBoNF_23Zv4nCbuDE9JNwcMZeS9YIo7jxHOD8aAmXaEALw_wcB - http://reactify.theironnetwork.org/#/app/ecommerce/invoice
1 year ago

einazare
  • owner

Thank you @patcharapornen for these examples. We are going to discuss with our board about adding these in our products. Best, Manu.
1 year ago

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