The first 100 people that buy one product, will get another one for free.

Material Kit React

Free Material-ui Kit
· 4.90/5 (222 Reviews)

MIT License

31,446 Downloads
111 Comments
Community Support
6 months Updates
Release: 1 year ago
Update: 26 days ago

60 Handcrafted Elements

4 Customized Plugins

3 Example Pages

Product certified by: Creative Tim

Upgrade to PRO Version

Get more power with Material Kit PRO React. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with this product!

What is in Demo?
  • Elements · 60
  • Plugins · 4
  • Examples Pages · 3
  • -
  • -
  • -
What is in PRO Version?
  • Elements · 1000
  • Plugins · 6
  • Example Pages · 12
  • + Documentation
  • + SASS Files
  • + Photoshop Files
Upgrade to PRO

We are here to help you!

111 Web Developers commented on this product

Github Docs FAQ Page

wmaz93
  • downloaded
2 months ago

I am trying to deploy my app using this Material Kit React to Heroku. I encounter a problem where files not found due to directory issue. Let say in localhost, I do `import User from "component/User"` and it works. However, in once deployed on Heroku, it cannot resolve this directory and need to be changed to `import User from "./component/User"` where I need the ./ to enter component folder. How should I resolve this issue? Thanks

wmaz93
  • downloaded
2 months ago

@einazare

einazare
  • owner
2 months ago

Hello there @wmaz93 . Thank you for your interest in working with our products. Please delete the homepage prop from the package.json. Best, Manu.

alejandropps
  • downloaded
2 months ago

Hi @einazare , I have a question regarding the License. If we can't eject the app because in your docs you can't assure that your library still works, how can we preserve the comments of your License on each file once we minify in the build process? This will strip yor License. You don't have either @license, @preserve tags. I can't find a way, also your License text on each file is huge, this will cause that the bundle size is increased too much. I want to be legal, but I can't see how.

alejandropps
  • downloaded

Apparently there is this issue: https://github.com/facebook/create-react-app/issues/6441
2 months ago

einazare
  • owner

Hello there @alejandropps . Thank you for your interest in working with our products. Unfortunately, I am just the Developer and do not know what to say about this. I do understand the fact that the copyright is huge and will create issues for our clients, but I do not have anything to say about it. Maybe my manager ( @alexpaduraru or my team lead @dragosct ) can give you more insights - they are the ones that created the copyrights and the fact that the copyrights need to be in each file. Best, Manu.
2 months ago

alejandropps
  • downloaded

Let's see if someone answer.
2 months ago

einazare
  • owner

Hello again, @alejandropps . Really sorry about this, my manager and my team lead are two very busy men. I've talked to one of them and he said that you should only keep the copyrights from the index.html file and the index.js file. They have seen that the copyright in each file, does make the code much bigger. Once again, really sorry for my colleagues. Best, Manu.
2 months ago

alexpaduraru

@alejandropps hi and sorry for the late reply. You have to keep our license in the CSS/JS files, they are not "so huge" compared to the CSS text, please check this example: https://demos.creative-tim.com/material-kit-react/static/css/main.b470b9c3.chunk.css from the live preview of Material Kit. Sincerely, I didn't understand the preserve license on "each file" part, how is the bundling process working on your side? Hope I understood right what you said. Best, Alex
1 month ago

alejandropps
  • downloaded

Hi, check your js bundle https://demos.creative-tim.com/material-kit-react/static/js/main.1df9fde3.chunk.js or https://demos.creative-tim.com/material-kit-react/static/js/2.e0083255.chunk.js and you can see that there is no License text on these files. There is a bug on the react-scripts build. If you read my first message now you will understand. Thanks!
1 month ago

einazare
  • owner

Hello again, @alejandropps . We found a solution for this issue and we're going to change the build script to keep the licensing comments. Best, Manu.
1 month ago

kurshd 2 months ago

Hi @einazare, could you tell me how to put an image as the brand in the header?

kurshd

Never mind, I don't think it is provided in this kit.
2 months ago

einazare
  • owner

Hello there @kurshd . As you've already guessed, this kit does not come with images as a brand. Best, Manu.
2 months ago

claudeeroy 1 month ago

Hi @creative-tim team, I am really appreciate for your work hard and created this Material UI kit, i bought it already. But i'm newbie in reactjs, i am trying to learn more, during this time, i have found a very good boilerplate, it's react-boilerplate, they config and make sure reactjs run as SSR. So i have a question. How can i integrate Material UI kit to that boilerplate, because in our document, i only saw the way to integrate this UI kit into create-react-app. I am very happy if you guys can help me to make a guide for react-boilerplate, because i think a lot of react developer need to run app as SSR. Thank you so much and have a good day!

einazare
  • owner

Hello there, @claudeeroy . I've responded on your Github issue. Best, Manu.
1 month ago

robmeronek
  • downloaded
1 month ago

Hi, trying this out and everything's working great, but the mobile menu won't automatically close when a menu item is clicked. I have to click somewhere outside the menu to make it retract. It seems to be the same way in your demo page, too. Any ideas on how to fix that?

einazare
  • owner

Hello there @robmeronek . Thank you for your interest in working with our products. At the moment I can't think of any solution to your question. Can you open a Github issue on the appropriate Github repository for this? Tomorrow I want to update this product and all the Material ones, maybe I will have some time to find a solution for this and add it in tomorrow's update. Best, Manu.
1 month ago

jq
  • downloaded
25 days ago

Am I understanding correctly - unlike with material-ui or semantic-ui, the intent here is that we download the components etc and then put our own components and files within that same file structure? If that's the case, I'd LOVE a version that exists within its own package and doesn't share file structures. The kit is gorgeous, but I don't like mixing my external libraries and app code...

einazare
  • owner

Hello there, @jq . Thank you for your interest in working with our products. You are correct. Best, Manu.
25 days ago

scrozier
  • downloaded
22 days ago

I've got your sample app running (Material Kit), and would like to incorporate its components into my own (existing) project to try it out before purchasing PRO. What's the best way to do that?

einazare
  • owner

Hello there @scrozier . Thank you for your interest in working with our products. Please refer to this Github issue: https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/50#issuecomment-407030675 . Best, Manu.
22 days ago

scrozier
  • downloaded
19 days ago

Thank you, Manu.

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