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

meredith
  • downloaded
10 months 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.
10 months ago

juanlopera
  • downloaded
10 months 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.
10 months ago

anastasioshomaidis
  • downloaded
9 months 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.
9 months ago

anastasioshomaidis
  • downloaded
9 months ago

@einazare thanks

igboanugwomart
  • downloaded

jjjj
8 months ago

giorandzj3
  • downloaded
9 months 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.
9 months ago

wmaz93
  • downloaded
9 months 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.
9 months ago

lziegenhirt
  • downloaded
9 months 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.
9 months ago

yasseratoie
  • downloaded
8 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.
8 months ago

raymondadutwum
  • downloaded
8 months ago

i love this

ameyaai1990
  • downloaded
8 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.
8 months ago

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