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

caiqueliveirar 1 year ago

Hello Einazare,how are you? I would like to know if I to buy a basic licence, for example: "Personal License". Would can I expand to another licences only paying the difference between them. Thank you.

einazare
  • owner

Hello there @caiqueliveirar and thank you for your interest in working with our products. Yes, you can. You just need to open a ticket here: https://www.creative-tim.com/contact-us , buy choosing the <<I want to upgrade Personal License to Developer License>> kind of ticket from the list. Best, Manu.
1 year ago

climber2002 1 year ago

My company bought both Material Dashboard Pro React and Material Kit PRO React, but we found that some common components are not exactly the same. And it causes us trouble when we want to use components in both projects, hope we can unify that. Thanks.

einazare
  • owner

Hello there @climber2002 and thank you for your interest in working with our products and for your feedback. This issue has been addressed here: <<https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/14>> . These two products were designed to be different from the beginning. And they need to be since they are for different parts of an app, one is for the admin and one is for the presentation of a business. If you want I can give you more details on how the products should be used. We are going to address this issue on a future update. At the moment we are stuck on some other projects and we cannot attend to this issue, and we only focus on updating the dependencies for these products. Best, Manu.
1 year ago

stanleyliu1006 1 year ago

@einazare I have bought your pro react dashboard. And want to customize the color of sidebar. I notice the file md-core-ansto\src\assets\jss\material-dashboard-pro-react\components\sidebarStyle.jsx I can overwrite the color which i choose blue as bgColor of sidebar. blueBackground: { color: "#FFFFFF", "&:after": { background: "#1F3D79", (overwrite with a different value) opacity: ".93" } }, But i am wondering what the best way to overwrite the existing stylesheet and not impact the product further upgrade ( i am assuming the upgrade of new version will overwrite my changes). Please advise.

einazare
  • owner

Hello there @stanleyliu1006 and thank you for your interest in working with our products. I believe the best way would be to keep your styles separate from ours (both scss and jss/jsx). We've already started adding in our CHANGELOG what styles are being changed. Another thing that you could do to make changes easily would be to have two private repos, one on which you are developing, and one on which you should keep our product unaltered, on every update that we make, you could copy our product and put it on top of that repo. Github will tell you all the differences that were made, and I think this is the best way. Hope this information helps you. Best, Manu.
1 year ago

zokler
  • downloaded
1 year ago

Hello, The tables component uses a map function to read the objects inside the extendedTable view, my problem is that my web service return to me an object inside an array so i have to map it and show it inside the extendedTable but i don't know how to map my object inside the tableData array, any help would be really appreciated !!

zokler
  • downloaded

to precise , im using material dashboard pro reactjs framework
1 year ago

zokler
  • downloaded

Nevermind boys,i've done it.
1 year ago

javierguzman
  • downloaded
1 year ago

Hi, do you have a component for the filter options that appear in the demo?

einazare
  • owner

Hello there @javierguzman . Thank you for your interest in working with our product. Can you please be more speciffic with what you are asking? A link would be much appreciated. Best, Manu.
1 year ago

javierguzman
  • downloaded

Hi @einazare . In the live preview there is a gear icon in the right side, which contains the options like "sidebar filters", "sidebar background", ..., "buy now", I mean that one. I saw in other comments that is possible to have it :)
1 year ago

einazare
  • owner

Hello there @javierguzman . I've checked my emails, and have seen that I've sent you an email on 2nd of October. Have you not received my email? Best, Manu.
1 year ago

javierguzman
  • downloaded

Hi @einazare , sorry I dont have it in my mail, could you please resend it?
11 months ago

einazare
  • owner

Hello again @javierguzman . I've resent it. Best, Manu.
11 months ago

james.kimani 11 months ago

@einazare Hi I'm trying to create a different route eg '/login' that is separate from the dashboard how do I go about that? Please help me out with this

einazare
  • owner

Hello there @james.kimani and thank you for your interest in working with our products. You can put it inside the src/routes/index.jsx files, that way it would not be rendered inside the Dashboard. Just make sure to put it as the first route. Best, Manu.
11 months ago

vladyslavkochetkov1998
  • downloaded
11 months ago

Look really slick

reactdev42
  • downloaded
11 months ago

I've brought the PRO version but there is no sketch file in the downloads?

einazare
  • owner

Hello there @reactdev42 . Thank you for your interest in working with our products. We've checked and it seems you've got the simple HTML package. If you want the HTML + PSD/Sketch package, which is a different one, we can create a coupon for you just to pay the difference. Please let us know if that will help you. Best, Manu.
11 months ago

reactdev42
  • downloaded

I feel mislead. On this page there is a table that compares demo to pro version. In the pro version list it clearly states that you get a sketch file. Going through the checkout there are no other prompts to make it clear it is NOT included as it says it is on this page. The only thing that will help is you refunding the purchase completely or just giving me the file you claim to offer on this page.
11 months ago

einazare
  • owner

Hello again @reactdev42 . I am sorry about this. When you've pressed the BUY NOW button were you not prompted with four options to buy our product? Here is a photo on what you should have been prompted with: https://we.tl/t-T4Q4d7CdPA . (NOTE: It will only be available 7 days). Once again, if you want, we can create a coupon for you just to pay the difference. Best, Manu.
11 months ago

hyhhyhhyh
  • downloaded
11 months ago

super cool!

jordiblanch
  • downloaded
11 months ago

Hello, I'm using your Material Dashboard Pro React. I've been searching for a number input, but I cannot find anyone. Is there any number input in this package? Preferably with the increase/decrease arrows at one side?

einazare
  • owner

Hello there @jordiblanch . Have you tried using the <<type: "number">> property on any of our CustomInputs? If I do this, I am getting the exact expected Input that you are looking for. Here is the sample code: <CustomInput labelText="Number" id="number" formControlProps={{ fullWidth: true }} inputProps={{ type: "number" }} /> . Best, Manu
11 months ago

jordiblanch
  • downloaded

Hello @einazare. Using your sample code it works. Now I want to get/set the value of the input. I've tried setting the value prop and the onChange events, but it is not working. Could you provide an example? Thank you!
11 months ago

einazare
  • owner

Hello there again @jordiblanch . You will find an example of onChange inside src/views/Forms/ValidationForms.jsx . Best, Manu.
11 months ago

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