Material Dashboard Pro React

Material Dashboard Pro React

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

License

832 Downloads
115 Comments
Premium Support
Lifetime Updates
Release: 3 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!

115 Web Developers commented on this product

Report issue

mattjiedasilva 30 days 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 30 days 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
21 days ago

sergeyhs4 29 days 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.
28 days 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
21 days ago

ajayapur
  • downloaded
28 days 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.
21 days ago

ricki7t
  • downloaded
28 days 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
21 days 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
21 days ago

gunjanatel
  • downloaded
28 days 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.
27 days ago

ricki7t
  • downloaded

this link doesn't seem to work
22 days 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.
21 days 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
21 days ago

meenask
  • downloaded
26 days 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.
21 days ago

ricki7t
  • downloaded
22 days 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.
21 days ago

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

kazuyanaba
  • downloaded
17 days 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.
16 days ago

kazuyanaba
  • downloaded

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

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

Why our customers appreciate us

Code Quality

Great theme. The code is written in idiomatic React using simple functions and classes (no Recompose or Ramda). Every component consists of a React component with a style object (or function), so making customizations is trivial. Because it uses other popular React libraries like React Router and React Table, you don't have to learn a new API. If you're new to Material UI, take some time to understand how the `withStyles` higher-order component works. I'd also like to point out that the documentation is amazing. For example, if they altered any code for the demo, they will tell you what lines you need to change. Definitely worth the money to support the developers - you can make a premium-looking web app with virtually no design effort on your part.

Design Quality

Nice theme , great effort

Design Quality

Is there a reason that you decided on the file structure that you use currently (where, for example, all the files such as routes, layouts, views and styles for the dashboard are spread over different directories) as opposed to having all of the dashboard code in one directory, having all the pages code in another and so on? This structure means that my team constantly needs to switch between directories and go hunting for the right files to change. It also means that we can't extract modules from one project and put them in another. Can you please make another version with the alternate file structure and give your clients the choice as to which they want to pick rather than having all the people that want this seemingly superior file structure needing to do it themselves? I currently have the project rated at 4 stars for this reason and with this fix I would definitely bump that to 5 stars and recommend your products to friends, but unfortunately its going to take me a few hours to modify this to be usable unless you can do it once for all your clients. Are you able to do this for us please? It's worth trialling it on one project such as this one and seeing what your customers prefer in my opinion :)