❤️ Creative Tim Club - Access all our Present & Future Premium Products

Free MUI & ReactJS UI Kit

Product description


Material Kit 2 React is our newest free MUI Design System based on React. Its amazing design is inspired by Material Design and contains all the components you need for your development. If you’re a developer looking to create good-looking websites, rich with features, and highly customisable, here is your match.

Fully Coded Elements

Material Kit 2 React is built with over 40 frontend individual elements, like buttons, inputs, navbars, alerts or cards, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using MUI styled() API and sx prop. You will save a lot of time going from prototyping to full-functional code because all elements are implemented.

This free MUI & React template is coming with pre-built design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done. View all components here.

Documentation built by Developers

Each element is well presented in very complex documentation. You can read more about the documentation here.

Example Pages

If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project. View example pages here.

Helpful Links

Product certified by: Creative Tim
Material Kit 2 React - Fully Coded and Responsive HTML5
Material Kit 2 React - JavaScript library for building user interfaces
Material Kit 2 React - Figma Files for Professional Designers
Downloads
104,605
Version
2.1.0
Changelog
Updated
11 months ago
Released
5 years ago
Reviews
Star
Handcrafted Elements
40
Customized Plugins
5
Example Pages
4
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Material Kit 2 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? What is in PRO Version?
Elements 40 100
Plugins 5 10
Examples Pages 4 18
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

127 Web Developers commented on this product

wmaz93
  • downloaded
4 years 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
4 years ago

@ctmployee

ctmployee
  • downloaded
4 years 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
4 years ago

Hi @ctmployee , 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
4 years ago

ctmployee
  • downloaded

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.
4 years ago

alejandropps
  • downloaded

Let's see if someone answer.
4 years ago

ctmployee
  • downloaded

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.
4 years ago

alexpaduraru
  • owner

@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
4 years 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!
4 years ago

ctmployee
  • downloaded

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.
4 years ago

kurshd 4 years 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.
4 years ago

ctmployee
  • downloaded

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

claudeeroy 4 years 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!

ctmployee
  • downloaded

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

robmeronek
  • downloaded
4 years 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?

ctmployee
  • downloaded

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.
4 years ago

jq
  • downloaded
4 years 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...

ctmployee
  • downloaded

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

scrozier
  • downloaded
4 years 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?

ctmployee
  • downloaded

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.
4 years ago

scrozier
  • downloaded
4 years ago

Thank you, Manu.

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