❤️ 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,603
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

rishiharora
  • downloaded
5 years ago

Any plans for upgrading to [email protected]?????

ctmployee
  • downloaded

Hello @rishiharora and thank you for your interest in using ur product. Yes, we do plan to update it, but since it is a free template, it has a low priority at the moment on the update plan. If everything goes ok than the update will start next week and it will be done on 13th of June. Best, Manu.
5 years ago

rishiharora
  • downloaded

Hey @ctmployee Thanks for respond.. Can we have double column menu with hover effect (not click).
5 years ago

ctmployee
  • downloaded

Hello again @rishiharora . We've started the update on this product, i hope tomorrow will be done - it is almost done. Can you please explain what do you mean by double column menu? Just point me on the page you are specking of. Thank you, Manu.
5 years ago

rishiharora
  • downloaded

Great to hear from you! I was asking about the drop down menu. For example plz look at the categories menu at the top of this page. There are lot of items in that menu. Can I have these menu items in a grid with two columns.
5 years ago

ctmployee
  • downloaded

Hello again @rishiharora . You can replicate the above menu, but to make it in Grid (what i do understand from this "menu items in a grid" - is that you want to have two columns in your menu) cannot be done with our components. For now we are going to leave it as is, and i am going to discuss about this with our board to see if it is something that can be added in all of our products or not. Best, Manu.
5 years ago

juanluqui
  • downloaded
5 years ago

Great!!!

thisun.pathirage
  • downloaded
5 years ago

Hi, This is so cool! Just thought it would be great to have onChange propType for the Inputs. Thank you for sharing this!

ctmployee
  • downloaded

Hello @thisun.pathirage and thank you for your interest in using our product. The onChange prop can be passed as a prop inside the inputProps prop of our CustomInputs (you can see how this is done by taking a look at our ValidationForms page). Best, Manu.
5 years ago

karanotwal
  • downloaded
5 years ago

Is this free, meaning I can use this in projects and sell that project to other people and profit off it? What kind of licensing does the free version have.

karteekampala
  • downloaded
5 years ago

@einazare When will the pro version of this land? Any estimated timelines?

ctmployee
  • downloaded

Hello @karteekampala and thank you for your interest in our products. The launch day was set on 28th of this month, but since i am going to take a small vacation next week, and then the first week of July as well, i do not think that i am going to be able to release it by then. I good estimate i think would be 13th of July. I am doing my best to finish it by the time i am going on vacation, but with the updates of the other 3 material products on react, i do not know. As i've said, a pretty good estimate is 13th of July. Best, Manu.
5 years ago

karteekampala
  • downloaded

@einazare Thanks a lot for the quick response. I am quite interested in the pro version of the product. Is there any chance you could let me know on the feature set you are planning to implement. That would be helpful. Would it be similar to Material Kit Pro (anything more or less?) Have a nice vacation.
5 years ago

krzysztof
  • downloaded

@einazare That's a great news! Looking forward to PRO version of the product. :)
5 years ago

ctmployee
  • downloaded

Hello again @karteekampala . Yes, the Pro version of this product will be similar to Material Kit Pro (there will be some minor differences - such as instead of using jQuery plugins we'll be using react plugins - take for example the carousel - or the tags). And maybe another difference will be that the components page will be divided into 4-5 smaller pages. Since on that page there is a lot of javascript (react) it kind of lags, and if we don't find a better solution, than we'll divide the sections into 4-5 pages. Best, Manu.
5 years ago

rishiumar4jb
  • downloaded
5 years ago

I'm not able to run after download. i did - npm install npm start npm run start I tried npm install --g cross-env I made this changes too. "start": "npm-run-all -p watch-css start-js", to "start": "NODE_PATH=./src npm-run-all -p watch-css start-js", Please help me

ctmployee
  • downloaded

Hello @rishiumar4jb and thank you for your interest in using our products. Unfortunately i am going on a small vacation and will not be able to help you. Please be sure to have installed all the latest versions of npm and nodejs. If the error persists, than, while i am not going to be able to help you, maybe seek help on github and the community will come into your help (here is a link with this issue: https://github.com/creativetimofficial/material-kit-react/issues/9 - you can comment here). Best, Manu.
5 years ago

nelson_k
  • downloaded
5 years ago

Great theme! Do you guys have some sort of guide that I can use to personalize it? That would really help

ctmployee
  • downloaded

Hello @nelson_k and thank you for your interest in using our product and sorry for this late response (i've been on a small vacation - next week i'll also be on vacation). As of moment we only have the live doc: https://demos.creative-tim.com/material-kit-react/?_ga=2.191348970.1528439631.1530179680-1803433978.1528781151#/documentation/tutorial . We are doing our best to create some tutorials for this sort of stuff. Best, Manu.
5 years ago

daviddd
  • downloaded
5 years ago

Waiting too for the pro version! Great work einazare!

redeux
  • downloaded
5 years ago

Is this compatible with react native?

ctmployee
  • downloaded

Hello @redeux and thank you for your interest in using our product. This is only ReactJs. Best, Manu.
5 years ago

shubhamshrivastava245
  • downloaded
5 years ago

plz help me i have downloaded it but i don't know how to run it bcoz thare in no html file plz help me how to use it

ctmployee
  • downloaded

Hello @shubhamshrivastava245 and thank you for your interest in using our product. Here is a link with our live documentation: https://demos.creative-tim.com/material-kit-react/?_ga=2.184011375.894612981.1530457944-1803433978.1528781151#/documentation/tutorial . I have to warn you that this is not old plain HTML & CSS & jQuery, this is React, which is a bit different from those 3. Here is a link to React's official documentation: https://reactjs.org/docs/getting-started.html . Best, Manu.
5 years ago

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