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

jaym25 4 months 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.
4 months ago

austrum
  • downloaded
4 months 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.
4 months ago

vativa4c
  • downloaded
4 months ago

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

rahulpay 4 months ago

Nice Template & Good Design...

abed_q
  • downloaded
4 months 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.
4 months ago

vladimir45p
  • downloaded
4 months 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.
4 months ago

einazare
  • owner

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

einazare
  • owner

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

sathyamahes 4 months 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.
4 months ago

surya.kumaran 4 months 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.
4 months 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."
4 months 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 .
4 months 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.
4 months ago

surya.kumaran

https://youtu.be/3VUMl_l-_fI Just for your reference
4 months ago

chandrakumarivasubramaniam
  • downloaded

@einazare https://medium.com/material-ui/material-ui-v1-is-out-e73ce13463eb material v1 released
4 months 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.
4 months ago

sathyamahes 4 months 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 4 months 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.
4 months 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
4 months 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.
4 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 :)