Worldwide Creative Tim Meetups ❤️Give us a helping hand to make it happen!

Material Kit React

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

MIT License

32,843 Downloads
113 Comments
Community Support
6 months Updates
Release: 1 year ago
Update: 1 month 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!

113 Web Developers commented on this product

Github Docs FAQ Page

meredith
  • downloaded
1 year ago

Can you explain me why should one use this kit instead of material-ui? In docs it says: // instead of importing the item from material-ui import Grid from 'material-ui/Grid'; // you would import our component like this import GridItem from "components/Grid/GridItem.jsx"; So why should I not import Grid from material-ui? It looks like they're the same. I just prefer material-ui way and have all free components in a single website.

einazare
  • owner

Hello @meredith . It is because we have changed their styles. But if you like better the styles that come from Material-UI, please go ahead and use them. If you want something a bit more stylish you can use our product. Best, Manu.
1 year ago

juanlopera
  • downloaded
1 year ago

Hi, Thank you for this interesting and good looking components, i've been learning reactjs since the last week and i'm very interested in some of your coding approach and haven't been able to understand one thing that's driving me crazy and maybe you could release me from my craziness. How is that you could import your modules without using the "./" (dot slash) notation? and how do you manage to import images also without the ./ or the complete relative path? you just use assets/subfolders/etc/etc from any location? thanks in advance for any help and knowledge Regards, Juan

einazare
  • owner

Hello there @juanlopera and thank you for your interest in using our product. We've just set all paths to go inside the src folder. Please see the .env file inside the product. Best, Manu.
1 year ago

anastasioshomaidis
  • downloaded
1 year ago

How can i use the kit in an existing project ? Is there a way to add it with npm ?

einazare
  • owner

Hello there @anastasioshomaidis and thank you for your interest in using our product. Yes, the product is on npm, just use `npm install --save material-kit-react`. It should do the trick Best, Manu.
1 year ago

anastasioshomaidis
  • downloaded
1 year ago

@einazare thanks

igboanugwomart
  • downloaded

jjjj
11 months ago

giorandzj3
  • downloaded
1 year ago

Hi, thanks for your theme. It looks great. quick question: how can I add a different font to the project? thanks

einazare
  • owner

Hello there @giorandzj3 . Thank you for your interest in working with our product. The font is set inside: src/assets/scss/core/_misc.scss . Best, Manu.
1 year ago

wmaz93
  • downloaded
1 year ago

@einazare Hi Sir, I cannot seems to find how to change to brand text(Material Kit React) in Header to image in documentation. Helps is very appreciated.

einazare
  • owner

Hello there @wmaz93 and thank you for your interest in working with our products. The brand text is set by the `brand` property. Something like this: <Header brand="This is my Text" ... /> . Hope this information helps you. Best, Manu.
1 year ago

lziegenhirt
  • downloaded
1 year ago

having trouble adding the react kit to an existing NEXT.JS project. Lots of compilation errors. also Tried adding the lirbary on npm to the project, that seems to be different source that what's on the kit. Again many compilation errors. Are there any step by step instructions available? Thx.

einazare
  • owner

Hello there @lziegenhirt . Thank you for your interest in working with our product. Here is a link that I believe it will help you: https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/72 . Best, Manu.
1 year ago

yasseratoie
  • downloaded
11 months ago

Hi, can you tell me how to import to our existing project? i saw your documentation but it is not explaining. when I copy all assets and components to my project, it gives us error about path. thanks

einazare
  • owner

Hello there @yasseratoie and thank you for your interest in working with our products. Here you have a link on one of our tutorials, maybe this will help you: https://medium.freecodecamp.org/how-to-use-reactjs-with-webpack-4-babel-7-and-material-design-ff754586f618 . Also, please check our live docs here: https://demos.creative-tim.com/material-kit-react/#/documentation/tutorial . Best, Manu.
11 months ago

raymondadutwum
  • downloaded
11 months ago

i love this

ameyaai1990
  • downloaded
11 months ago

Hi Tim, Every time use npm run build it is giving an error Module not found: Error: Can't resolve 'routes/index.jsx' in '/home/ap/RBweb/react-theme/src and this goes on and on for each and every import statement. Is there some step that I am missing? Please guide.

einazare
  • owner

Hello there @ameyaai1990 and thank you for your interest in working with our products. Can you open an issue here: https://github.com/creativetimofficial/material-kit-react . And please, use the given ISSUES_TEMPLATE. Best, Manu.
11 months ago

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