Do you need Angular, React, Vuejs or HTML? For the next days, you can get our awesome Bundles with 70% discount! ๐Ÿ”ฅ

Material Kit React

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

MIT License

27,880 Downloads
105 Comments
Community Support
6 months Updates
Release: 1 year ago
Update: 10 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!

105 Web Developers commented on this product

Github Docs FAQ Page

nathhadwick
  • downloaded
1 year ago

Hi there - where might I find the default colours you have set to be able to change them to colors of my choice? Thanks for the great work!

einazare
  • owner

Hello @nathhadwick and than you for your interest in using our product. You will find some of our default colors in src/assets/jss/material-kit-react.jsx and others in src/assets/scss/core . Best, Manu.
1 year ago

suattop
  • downloaded
1 year ago

Hi, when can I purchase a Pro version of this? Thanks for the awesome work!

einazare
  • owner

Hello @suattop and thank you for your interest in our products. We are developing the Pro version of this one as we speak. There are some minor stuff to deal with (minor css/jss bugs - bugs that appear on some browsers - and we need to attend to those as well - we want our product to look good on mobile/Windows/Mac the same - yeah, with minor differences from mobile to desktop), and after that we need to create the docs for it. I hope this week i am going to finish all the work and next week on Monday to release the first version of it :D, if not, then by the end of next week. Best, Manu.
1 year ago

fenix2h
  • downloaded
1 year ago

Hi there - i download it but where i can found index file to run it ?

einazare
  • owner

Hello @fenix2h and thank you for your interest in using our product. Here is all you need to know to get started with our app: https://demos.creative-tim.com/material-kit-react/#/documentation/tutorial . Best, Manu.
1 year ago

fenix2h
  • downloaded

Thanks Man
11 months ago

nathhadwick
  • downloaded
1 year ago

@einazare Thanks for your help. What would be the best way to go about re-styling a component over your chosen styling? I haven't used JSS much and am not too familiar with it. Am I able to add in a css stylesheet and custom className tags and give precedent to these? Where would I need to include it? As from my efforts so far the components take their styling from the JSS files

einazare
  • owner

Hello again @nathhadwick . We've used JSS since Material-UI is based on it and it would have been really hard to override their styles by using css/scss. If you know scss, than you will see that JSS is almost the same, you can try using it. But to answer your question, if you want to override our styles by using css, you should add "!important" to every rule (but since on some components we've also used "!important" inside the jss :( ). To answer your other question, you would need to include your styles inside src/index.js . Hope this information helps you. Best, Manu.
1 year ago

edoardoonte
  • downloaded
1 year ago

Hi! I was wondering, will the pro version of this theme feature the same components of the admin dashboard pro theme? Otherwise, is it possibile to upgrade this theme to the dashboard pro?

einazare
  • owner

Hello @edoardoonte and thank you for your interest in using our product. The PRO version will have the same pages and components from this product here: https://demos.creative-tim.com/material-kit-pro/presentation.html?_ga=2.108894276.79356664.1531291479-1803433978.1528781151 . Best, Manu.
1 year ago

snowbdr2332
  • downloaded
11 months ago

Hello! Thanks so much for this kit, it's amazing. I'm using Webpack 4 and getting very close to rendering without any issues. Currently having issues with the 'CustomDropdown.jsx' file while attempting to render the 'Login-Page' with the error reported as 'React.createElement' expecting a function or class object but getting `undefined`...the export and 'withStyles' function call looks the same as all of the other components so not quite sure what's happening. Has anyone else seen this issue or have any direction? Thanks!

einazare
  • owner

Hello @snowbdr2332 and thank you for your interest in using our product. I am sorry but i cannot help you since i haven't worked with webpack yet. I think you could open an issue on github as well ( https://github.com/creativetimofficial/material-kit-react/issues ) , maybe there will someone come and give you some directions on how to solve this. Best, Manu.
11 months ago

trungmb007
  • downloaded
11 months ago

Hello, I intend to build a website to sell some fruit. And the end user will pay some items which they choose (orange, mango, grap,..). So the question is with free material kit react licence, is it ok for me? Or I need buy other licence? Thanks.

einazare
  • owner

Hello @trungmb007 and thank you for your interest in using our product. Yes, you can use this free product to do such a website. The only thing you have to keep in our product is the LICENSE.md file and all the comments something like "@Copyright Creative-Tim", stuff like this. Best, Manu.
11 months ago

kindy2000ww
  • downloaded
11 months ago

Thank you very much for your wonderful products

aziaev
  • downloaded
11 months ago

Hi! I can't run app because I have an issue: ./node_modules/@material-ui/core/ButtonBase/TouchRipple.js Module not found: Can't resolve '@babel/runtime/helpers/builtin/assertThisInitialized' in '/Users/a/Projects/tukranapp/node_modules/@material-ui/core/ButtonBase' What I'm doing wrong?

petertahinduka
  • downloaded

I also just downloaded the kit and followed the Documentation, but just got stuck with the same issue.
11 months ago

zacky.b

I'm stuck here as well, this is gonna delay my project a lot longer. anyone found a solution ?. It seems to be a babel runtime issue matter of fact I could not find in node_modules that exact path @babel/runtime .... I had to manually install the new babel runtime but as of now no help
11 months ago

zacky.b

Seems like is related to this https://github.com/mui-org/material-ui/issues/12408 babel runtime was split into two lately, which broke Material UI. the suggested advice did not work, perhaps install a much earlier version ?. Not sure
11 months ago

aziaev
  • downloaded

still no found solution
11 months ago

aziaev
  • downloaded

"@babel/runtime": "^7.0.0-beta.42", "@material-ui/core": "^1.4.3", "@material-ui/icons": "^2.0.1", ./node_modules/recompose/shouldUpdate.js Module not found: Can't resolve '@babel/runtime/helpers/builtin/inheritsLoose' in '/Users/a/Projects/tukranapp/node_modules/recompose' and more and more errors
11 months ago

gantul9a
  • downloaded

try - npm install --save-exact @babel/[email protected] or - yarn add @babel/[email protected] --exact https://github.com/mui-org/material-ui/issues/12408
11 months ago

aziaev
  • downloaded

@gantul9a thank you for advice, but, unfortunately, also no luck
11 months ago

zacky.b

Thanks I restarted the project and installed the npm install --save-exact @babel/runtime[email protected] and it works now thanks.
11 months ago

aziaev
  • downloaded

@zacky.b would you please share your package json dependencies? I still have an issue
11 months ago

aziaev
  • downloaded

@zacky.b So Issue with babel is fixed, now I have this: ```Module not found: Can't resolve '@material-ui/icons/InfoOutline'```
11 months ago

zacky.b

Yes it said the same on mine as well, @azaiev what you should do is start on a fresh one, extract all, npm install, than do npm install --save-exact @babel/[email protected] and npm start, then it should work
11 months ago

aziaev
  • downloaded

@zacky.b it works! You make my day!
11 months ago

einazare
  • owner

Hello guys, i think the issue comes from the fact that you've updated our dependencies wrongly. For this product to work properly you need to keep our dependencies as they are, or else you will not get support from us (if you decide to make updates on your own, than this means that you need to solve the issues that come with the update yourselves - not trying to be rude here). Or you can wait until we make the updates. Best, Manu.
11 months ago

petertahinduka
  • downloaded
11 months ago

@zacky.b thanks, it worked like magic.

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