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

Material Kit 2 React

Custom development Preview Docs
Download PRO Version
Material Kit 2 React Image
Docs
Creative Tim Club 🔥 Access to all our current and future products

Material Kit 2 React

Free ReactJS & MUI Kit

· 4.90/5 (376 Reviews)

MIT License

Upgrade to PRO Free Download

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
105,048
Version
2.1.0
Changelog
view
Updated
11 months ago
Released
5 years ago
Reviews
See 376 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
Material Kit 2 PRO React Image
Live Preview Upgrade to PRO

We are here to help you!

127 Web Developers commented on this product

Custom Development Discord Server

gonzalomadio
  • downloaded
5 years ago

What about the pro version? It does not say what is inside. I will not buy it without knowing it. At least what example pages it has? or better , some live preview?

ctmployee
  • downloaded

Hello @gonzalomadio Here is the live preview for the free version: https://demos.creative-tim.com/material-kit-react/#/ (you can see this link the navbar on this page), and here is the live preview for the PRO one https://demos.creative-tim.com/material-kit-pro-react/#/ (link that can be found in the product page as well). Best, Manu.
5 years ago

aziaev
  • downloaded
5 years ago

@ctmployee your product is fantastic, but doesnt work work from a box

ctmployee
  • downloaded

Hello @aziaev and thank you for your interest in using our product. I am sorry for this late response, we've had a small vacation last week. I do not understand what you are trying to say. Could you please rephrase? Thank you, Manu.
5 years ago

aziaev
  • downloaded
5 years ago

@ctmployee few comments ago there was discussed issue with running your app from the box. It is not started after unpacking and “npm i” cause of @babel/runtime error. Thank you

edwinlokyta
  • downloaded
5 years ago

@einzare too many deprecated library there, please fix the problem

ctmployee
  • downloaded

Hello @edwinlokyta and thank you for your interest in using our product. As of moment we do not have time to update this product. We are going to do so, in the following weeks. Best, Manu.
5 years ago

jadit2
  • downloaded
5 years ago

Freshly downloaded, ran npm install, and npm start: Module not found: Can't resolve '@babel/runtime/helpers/builtin/assertThisInitialized'

ctmployee
  • downloaded

Hello @jadit2 and thank you for your interest in using our product. This is a problem with npm (now, when you run npm install you'll get some updated versions of babel and they were not compatible with the the version of material-ui of this product). Just run <<npm install --save-exact @babel/[email protected]>> and then run again npm start. Best, Manu.
5 years ago

aziaev
  • downloaded
5 years ago

@ctmployee Manu, there is error when you install rom scratch: `./node_modules/@material-ui/core/ButtonBase/ButtonBase.js Module not found: Can't resolve '@babel/runtime/helpers/builtin/assertThisInitialized' in '/Users/a/Projects/nns/node_modules/@material-ui/core/ButtonBase`

ctmployee
  • downloaded

Hello @aziaev and thank you for your interest in using our product. This is a problem with npm (now, when you run npm install you'll get some updated versions of babel and they were not compatible with the the version of material-ui of this product). Just run <<npm install --save-exact @babel/[email protected]>> and then run again npm start. Best, Manu. 6 minutes ago
5 years ago

ajitoel
  • downloaded
5 years ago

i ran the "npm build" and then the 'npm start" command. I get the following error: Failed to compile ./node_modules/@material-ui/core/ButtonBase/ButtonBase.js Module not found: Can't resolve '@babel/runtime/helpers/builtin/assertThisInitialized' in 'C:\Users\AjitGoel\Downloads\material-kit-react-v1.1.0\node_modules\@material-ui\core\ButtonBase' What gives? do we have some documentation on running this kit on our local machines?

ctmployee
  • downloaded

Hello @ajitoel and thank you for your interest in using our product. This is a problem with npm (now, when you run npm install you'll get some updated versions of babel and they were not compatible with the the version of material-ui of this product). Just run <<npm install --save-exact @babel/[email protected]>> and then run again npm start. Best, Manu. 6 minutes ago
5 years ago

ajitoel
  • downloaded
5 years ago

Will the pro version be any better?

ctmployee
  • downloaded

Hello again @ajitoel , this problem will be on the PRO version as well. I am doing my best to make updates on these products as quick as i can, but it is quit difficult since there are 4 products (i've managed last week to update two of them) and being here on support. I am trying to make the update on this product and the PRO product this week. Best, Manu
5 years ago

ajitoel
  • downloaded
5 years ago

Running the "npm install --save-exact @babel/[email protected]" command after running the npm build command fixed the issue.

ctmployee
  • downloaded

Hello again @ajitoel . Yes, that is a quick fix. As i've told you above, i am doing my best to update this product as quick as i can. Best, Manu.
5 years ago

green04
  • downloaded
5 years ago

Thanks for taking the time to give us the quick npm fix above. Thanks a ton

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

  1. Home
  2. All Templates
  3. Material Kit 2 React

2,482,422 accounts

4,406,331 downloads

298 products

Join our newsletter

Your subscription could not be saved. Please try again.
Your subscription has been successful.

Company

Help and Support

Legal

Resources

© 2024 Creative Tim, all rights reserved. Made with for a better web.