Material Dashboard Pro React

Start planning your summer holiday! Get all our premium product at a special price! ☀️

Material Dashboard Pro React

Premium Material-UI Admin
· 4.80/5 (12 Reviews)

License

424 Downloads
46 Comments
Premium Support
Lifetime Updates
Release: 1 month ago
Update: 2 days 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!

46 Web Developers commented on this product

Report issue

jaym25 29 days ago

Hello, I am interested in your product but one of the requirements for this project I'm working on is to have some component's color based off each users settings. How would one go about that with this product?

einazare
  • owner

Hello @jaym25 and thank you for your interest in using our product. Let's take for example out checkboxes, take a look in our documentation: https://timcreative.github.io/material-dashboard-pro-react/#/documentation/check-radio-switch . At the beginning of the page we tell our users that they need to import our styles for the checkboxes. You will see this import in our demo code as well. After the import of the `styles` variable, you can add whatever color/code you want in it (and this is because all our styles are javascript objects). So you can add a custom color for example like this: styles["myColor"] = {color: "#000"}; , and then, change the color of the checkbox by changing the `classes={{checked: classes.checked}}` with `classes={{checked: classes.myColor}}` . If it is hard to understand my example, please open a github issue (we have markdown code there and can make the example more readable). Hope that information helps you. Please let us know if we can help you with anything else. Best, Manu.
28 days ago

austrum
  • downloaded
29 days ago

Great product! Thinking about buying for use on a personal project that I might want to eventually convert to a SaaS offering. If I buy the personal license now, is there a way to upgrade to the Developer license at a later point without paying the full fee? Thanks!

einazare
  • owner

Hello @austrum , when the time comes, you can send us an email on our contact form here: https://www.creative-tim.com/contact-us (there is a special category just for this, which you have described). Hope that information helps you. Please let us know if we can help you with anything else. Best, Manu.
28 days ago

vativa4c
  • downloaded
27 days ago

I'm pretty impressed from this preview. I would try the demo and eventually purchase the theme.

rahulpay 25 days ago

Nice Template & Good Design...

abed_q
  • downloaded
25 days ago

Can yiu help me.. i dont know how to use webpack to deploy your demo.. can you please show as the configration file and what is the steps to deploy this project ??? Thaaanks

einazare
  • owner

Hello @abed_q and thank you for your interest in using our product. We do not use webpack in our react products due to the fact that create-react-app comes already with pre-built scripts for starting and build a react app. For deployment we use gh-pages, which what does, is basically takes the build folder of our app and puts it on github to be used as a normal website. In our previous products, we were using heroku as a deployment platform. In the following link you will find three tutorials on how to deploy on github, surge, heroku S3 and CloudFront (see Live Production - need to scroll the page a bit - search for those words if necessary) : https://www.creative-tim.com/live/material-dashboard-pro-react . Hope that information helps you. Please let us know if we can help you with anything else. Best, Manu.
24 days ago

vladimir45p
  • downloaded
20 days ago

The licensing details mentions two types of licenses: personal and developer. I don't see a developer license/price option for material-dashboard-pro-react. If I create an application UI for an OSS project, does the license permit such use? For example I have https://github.com/vsch/laravel-translation-manager with a react UI and considering reworking it using this library. Main reason is to use this as a proof of concept of using the library to rework existing projects. Regarding using the library for a commercial multi-user application. Other than developer licenses for developers involved in the development, what other license permissions are needed? I want to recommend using this library for a project for which I am consulting/developing for a client and want to be in a position to present them the cost for the transition. Currently there are only 3 developers.

einazare
  • owner

Hello @vladimir45p and thank you for your interest in using our product. If you want to use our product for an Open Source Software you would need to buy the Developer License, add the following text in your README "This project is build using Material Dashboard PRO React from Creative Tim." and also add one link to our website (https://www.creative-tim.com/) and one link to our product (https://www.creative-tim.com/product/material-dashboard-pro-react). Hope that information helps you. Please let us know if we can help you with anything else. Best, Manu.
17 days ago

einazare
  • owner

To buy the developer license, press the BUY button. A modal will pop up with all of our license.
17 days ago

einazare
  • owner

To buy the developer license, press the BUY button. A modal will pop up with all of our license.
17 days ago

sathyamahes 16 days ago

@einazare i am using the pro theme, I have few doubts on the usage of the wizard from , how to pass props to next step in the wizard form and How to customise that next button to have different function for each next button for every page .

einazare
  • owner

Hello @sathyamahes and thank you for your interest in our product. To pass props from one step to another, you would need to add a new function to your step, let's say for the sake of the discussion, passProps(). In this function you would need to return the props that you want to be sent, and i believe it would be best to send them as an object (like the state of the component). Then, in the wizard component, i would save those props (that object) in it's state, when the isValidated() function would return true. And after that, at line 222 in wizard (src/components/Wizard/Wizard.jsx), where we render the steps, i would pass those props that are now in the Wizard components state. Let's say i would name them propsFromSteps, so <prop.stepComponent innerRef={node => (this[prop.stepId] = node)}/> would become <prop.stepComponent propsFromSteps={this.state.StepsProps} innerRef={node => (this[prop.stepId] = node)}/> or something like this. And than in my steps, i would be able to reach propsFromSteps, which would be props from other steps. Does this make sense? The only way to "customize" the next button is to add what you need in the isValidated() function. But fell free to make changes to the Wizard component and add what functionality you want. In our demo we didn't add to many functionalities because every user has it's own needs, and it is easier to just leave the functionalities to our users, rather than create our selves some, and than our users to come back and ask for other functionalities. Hope that information helps you. Please let us know if we can help you with anything else. Best, Manu.
15 days ago

surya.kumaran 15 days ago

May 17 material v1 is released, will creative Tim pro version be updated to the latest version?

einazare
  • owner

Hello @surya.kumaran , yes we will. Could you please point me to where you've read that? Thank you, Manu.
14 days ago

surya.kumaran

https://github.com/mui-org/material-ui/releases check in v1.0.0-beta.45 relese notes "A release date. We will release Material-UI v1 May 17th."
14 days ago

surya.kumaran

@einazare In google I/O 2018 they have shown some creative ways of using the material design too . You can check that aswell to add some widgets or improving the existing ones .
14 days ago

einazare
  • owner

Hello again. Thank you for the link and for the telling us about google i/o. We are going to take a look at that and see what can we improve on our themes, and what we can add. Thanks again, Manu.
14 days ago

surya.kumaran

https://youtu.be/3VUMl_l-_fI Just for your reference
14 days ago

chandrakumarivasubramaniam
  • downloaded

@einazare https://medium.com/material-ui/material-ui-v1-is-out-e73ce13463eb material v1 released
4 days ago

einazare
  • owner

Hello @chandrakumarivasubramaniam and thank you for your interest in using our product. We are going to start our migration to v1.0.0 this week or next week. Best, Manu.
3 days ago

sathyamahes 15 days ago

@einazare Thank you so much for you reply. But i couldn't get you properly..can you tell it with a sample code example..where i need to write the passprops() and how to pass it to the next page?

sathyamahes 15 days ago

@einazare Thank you so much for you reply. But i couldn't get you properly..can you tell it with a sample code example..where i need to write the passprops() and how to pass it to the next page?

einazare
  • owner

Hello again @sathyamahes . I've just sent you an email with the requested sample code. Best, Manu.
14 days ago

sathyamahes

Thank you @einazare for sample code sharing,i got your email. I am using material-dashboard-pro-react-html-v1.1.0 i couldn't able to run it on windows machine. It is working on linux, but in windows if i give npm start it thowing error. https://drive.google.com/file/d/1X_fzAG2yg9m5B0AJWsKy30PoJN8MoeY-/view?usp=sharing
10 days ago

einazare
  • owner

Hello again @sathyamahes . Well the issue you are having is not from our product (our product works just fine). The link you have given me is not working. Best, Manu.
10 days ago

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

Why our customers appreciate us

Design Quality

Super easy to use, the developer version is the best!

Design Quality

It's a very good tool

Design Quality