Material Dashboard Pro React

Material Dashboard Pro React

Premium Material-UI Admin
· 4.90/5 (57 Reviews)

License

1,246 Downloads
155 Comments
Premium Support
Lifetime Updates
Release: 5 months ago
Update: 1 month ago

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

We are here to help you!

155 Web Developers commented on this product

Report issue

mattjiedasilva 3 months 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 3 months 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
2 months ago

sergeyhs4 3 months 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.
3 months 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
2 months ago

ajayapur
  • downloaded
3 months 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.
2 months ago

ricki7t
  • downloaded
3 months 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
2 months 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
2 months ago

gunjanatel
  • downloaded
3 months 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.
3 months ago

ricki7t
  • downloaded

this link doesn't seem to work
2 months 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.
2 months 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
2 months ago

meenask
  • downloaded
3 months 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.
2 months ago

ricki7t
  • downloaded
2 months 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.
2 months ago

503577786
  • downloaded
2 months 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.
2 months ago

kazuyanaba
  • downloaded
2 months 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.
2 months ago

kazuyanaba
  • downloaded

Thank you for quick reply. This is a link to SweetAlert2. https://sweetalert2.github.io/
2 months 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.
2 months ago

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

Why our customers appreciate us

Design Quality

Design Quality

i am using this for an MVP for a client and so far i found it can be solution for complete product

Design Quality

plases add 6 start , I want just him :)