Material Kit React

Free Material-UI Kit
· 4.90/5 (94 Reviews)

MIT License

12,883 Downloads
65 Comments
Regular Support
Lifetime Updates
Release: 4 months ago
Update: 1 month ago

60 Handcrafted Components

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?
  • Components · 60
  • Plugins · 4
  • Examples Pages · 3
  • -
  • -
  • -
What is in PRO Version?
  • Components · 1000
  • Plugins · 6
  • Example Pages · 12
  • + Documentation
  • + SASS Files
  • + Photoshop Files
Upgrade to PRO

We are here to help you!

65 Web Developers commented on this product

Report issue

meredith
  • downloaded
21 days 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.
17 days ago

juanlopera
  • downloaded
19 days 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.
17 days ago

anastasioshomaidis
  • downloaded
3 days 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.
3 days ago

anastasioshomaidis
  • downloaded
3 days ago

@einazare thanks

giorandzj3
  • downloaded
2 days 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 day ago

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

Why our customers appreciate us

Design Quality

Design Quality

Design Quality