Material Dashboard Pro React
Icon html
Icon sass
Icon photoshop
Icon react

Live Preview Get Free Demo Buy now · $59
Material Dashboard Pro React Image

Material Dashboard Pro React

Premium Material-UI Admin
· 5.00/5 (5 Reviews)

License

Add to Cart · $59
207 Downloads
20 Comments
Premium Support
Lifetime Updates
Release: 28 days ago
Update: 8 days ago
Icon html
Icon sass
Icon photoshop
Icon react

200 Handcrafted Components

10 Customized Plugins

28 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 · 28
  • + Documentation
  • + SASS Files
  • + Photoshop Files
Get Free Demo
Opt mdr thumbnail

We are here to help you!


20 Web Developers commented on this product

Report issue

einazare
  • owner
15 days ago

Hello @sathyaaheswari 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
15 days 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
15 days ago

phbtp
  • downloaded
15 days 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.
15 days ago

furkanesilou 14 days 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.
14 days ago

edond
  • downloaded
13 days 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.
13 days ago

koookiii 11 days 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.
8 days ago

phbtp
  • downloaded
7 days 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.
7 days 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
7 days ago

dinhvanlanh1996 7 days ago

rất tuyệt

sathyaaheswari 6 days 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 @sathyaaheswari 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.
6 days ago

patcharapornen 8 hours 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.
6 hours 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
2 hours ago

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

Why our customers appreciate us

Design Quality

Anonymous thumb
3 days ago

Design Quality

Anonymous thumb
6 days ago

Feature Availability

Well organized and clean code, superb documentation and awesome design!

Anonymous thumb
16 days ago
View All Reviews
  1. Home
  2. All Categories
  3. Material Dashboard Pro React

Join our newsletter and receive weekly news!

Creative Tim

Happy people

Help and Support

Latest News

© 2018 Creative Tim, all rights reserved. Made with for a better web.