Worldwide Creative Tim Meetups ❤️Give us a helping hand to make it happen!

Material Dashboard Pro React

Material Dashboard Pro React

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

License

2,458 Downloads
306 Comments
Premium Support
6 months Updates
Release: 1 year ago
Update: 1 month ago

200 Handcrafted Elements

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?
  • Elements · 30
  • Plugins · 2
  • Examples Pages · 7
  • -
  • -
  • -
  • -
What is in PRO Version?
  • Elements · 200
  • Plugins · 10
  • Example Pages · 8
  • + Documentation
  • + SASS Files
  • + Photoshop Files
  • + Sketch Files
Get Free Demo

We are here to help you!

306 Web Developers commented on this product

Github Docs FAQ Page

mattjiedasilva 1 year ago

I believe there is a bug with your react-big-calendar in the day view. When you add an event, it is added correctly, but the content is not being shown because your class .rbc-event has a text-aling: right, but the text is being sent to the right outside of the screen. It happens to all screen sizes. Can you confirm that for me please? I am going to buy this product and the calendar is the most important component for the app I need to build.

mattjiedasilva 1 year ago

This issue I mentioned above is not present in the non-react version here: https://www.creative-tim.com/product/material-dashboard-pro. Sorry for making 2 separated comments...

einazare
  • owner

Hello @mattjiedasilva . Thank you for your interest in using our product and sorry for this late response (i've been on a small vacation - next week i'll also be on vacation). Yes, it would seem so that is something wrong with our scss. The difference between the html version and this version (the one you've mentioned above) is that this is pure react, and that is jQuery - we've had to change the calendar library and some differences are expected, but this is a bug for sure. We are going to make some changes for our next update - thank you about pointing out this issue. For the fix, please read this: https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/39 . Best, Manu
1 year ago

sergeyhs4 1 year ago

Hello, the promo says "200 handcrafted components" - where can I see the full list of components included into this (and many other) themes?

ajayapur
  • downloaded

I would also like to see the full list of 28 example pages.
1 year ago

einazare
  • owner

Hello @sergeyhs4 and @ajayapur Hi, ...! Thank you for your interest in working with our products and sorry for this late response (i've been on a small vacation - next week i'll also be on vacation). In our product on the https://demos.creative-tim.com/material-dashboard-pro-react/#/documentation/tutorial you will find those components, but in some way to calculate all the components that are present in the product you have to take in consideration, for example, all the classes and props for the buttons that modify the color, sizes or style of the components. Approximately every component that you will find in the here like buttons, inputs, navbars, tables, nav-pills, switches, comments, modals and so on ( see all the side menu ) have these classes or props options that modify their color or size or appearance and also we produced more components in all the pages of this product. Hope these informations will help you! Just let us know if we can give any other information. Regards, Manu
1 year ago

ajayapur
  • downloaded
1 year ago

Please provide a link to documentation for Material Dashboard Pro React - Premium Material-UI Admin on this page.

einazare
  • owner

Hello again @ajayapur . I've noted this issue. For the moment you can go to the LIVE PREVIEW from this page, and then on the documentation from there (the DOCUMENTATION button that is present in the right menu). Best, Manu.
1 year ago

ricki7t
  • downloaded
1 year ago

Just noticed you released new version supporting later material-ui version. Do you have a suggested upgrade path to update a current project with new release?

einazare
  • owner

Hello @ricki7t . Is this link helpful: https://github.com/creativetimofficial/ct-material-dashboard-pro-react/blob/master/CHANGELOG.md ? Best, Manu
1 year ago

ricki7t
  • downloaded

thanks Manu, once I was able to find the doc I've got an idea on what I need to do for updating to latest rev
1 year ago

gunjanatel
  • downloaded
1 year ago

Hi Manu, Do you have documentation for upgrading form 1.0 to 1.2? Thanks

einazare
  • owner

Hello, is this link helpful: https://github.com/creativetimofficial/ct-material-dashboard-pro-react/blob/master/CHANGELOG.md ? Best, Manu.
1 year ago

ricki7t
  • downloaded

this link doesn't seem to work
1 year ago

einazare
  • owner

Hello again @ricki7t . What do you mean it doesn't work? I've tested it on multiple browsers and it seems to work for me. If not, you can go to https://github.com/creativetimofficial/ct-material-dashboard-pro-react and open the CHANGELOG file there. Best, Manu.
1 year ago

ricki7t
  • downloaded

don't know if something changed on my end or your end but the link works for me now - I also found the doc through 'my downloads' so I'm all set
1 year ago

meenask
  • downloaded
1 year ago

Hi Creative Tim, I am trying to customize the style sheet for sidebar, I don't know where to start. Can you please help? I am trying to change the selected side type font color to different color instead of bar highlight.

einazare
  • owner

Hello @meenask Thank you for your interest in using our product and sorry for this late response (i've been on a small vacation - next week i also be on vacation). To change the styles for the sidebar component you should work on this file: src/assets/jss/material-dashboard-pro-react/components/sidebarStyle.jsx . Best, Manu.
1 year ago

ricki7t
  • downloaded
1 year ago

Can you please provide some documentation/input on the routing strategy you have implemented. Trying to figure out how to best implement authorization and define authorized versus unauthorized pages.

einazare
  • owner

Hello @ricki7t . You can add an if in the src/index.js where we render the layout routes or in one of the layouts let's say src/layouts/Dashboard.jsx something like if(authorized) return ... else return null; We have something like this in our live docs: https://demos.creative-tim.com/material-dashboard-pro-react/?_ga=2.191209578.1528439631.1530179680-1803433978.1528781151#/documentation/routing-system (read the NOTICE part). Best, Manu.
1 year ago

503577786
  • downloaded
1 year ago

hello,I have download this theme and I have used ReactTable in my project.But I have a problem with react-table plugin,it can't display normal,maybe it lost css.And my project have created by create-react-app and my packjson is:{ "name": "web", "version": "1.0.0", "private": true, "dependencies": { "axios": "0.18.0", "react-loadable": "5.4.0", "react": "^16.4.0", "react-dom": "^16.4.0", "react-router-dom": "^4.2.2", "react-scripts": "^1.1.4", "react-redux": "^5.0.7", "redux": "^4.0.0", "redux-saga": "^0.16.0", "@material-ui/core": "1.2.0", "@material-ui/icons": "1.1.0", "react-table": "6.8.6", "react-popper": "0.10.4", "react-swipeable-views": "0.12.13", "perfect-scrollbar": "1.3.0" }, "devDependencies": { "flow-bin": "^0.72.0" }, "scripts": { "flow": "flow", "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject" } } is it right?

einazare
  • owner

Hello @503577786 and thank you for your interest in using our product. Could you please open an issue here: https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues . With more detailed stuff, such as errors shown in console and screenshoots with the problem. Best, Manu.
1 year ago

kazuyanaba
  • downloaded
1 year ago

Do you have any plan to move sweetAlert to sweetAlert2?

einazare
  • owner

Hello @kazuyanaba and thank you for your interest in using our product. Can you please give us an link to the sweetAlert2? Best, Manu.
1 year ago

kazuyanaba
  • downloaded

Thank you for quick reply. This is a link to SweetAlert2. https://sweetalert2.github.io/
1 year ago

einazare
  • owner

Hello again @kazuyanaba . I thought there was a sweetalert2 library for React. I've made some tests and i kind of like this library, even though it is not made especially for React. What we wanted was to use only library made for React, which is we've used react-bootstrap-sweetalert, but after seeing that for sweetalert2 jQuery is not needed i will address this issue to the board and see if we can "brake" our "just react libraries" for this one. Best, Manu.
1 year ago

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