Material Kit React - Open-Source UI Kit crafted by Creative-Tim

Hello Coders,

This article presents an open-source and free React UI Kit provided by Creative-Tim under the MIT License. The product is actively supported and versioned and based on the permissive license can be used for unlimited hobby & commercial products.

Thanks for reading! The relevant links:

• Material Kit React - product page
• Material Kit React PRO - premium version

Product Information

Material Kit React is a Free Material-UI@4.1.0 Kit with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Material-UI elements, you will find three fully-coded example pages, to help you design your next project.

Material Kit React makes use of light, surface and movement. It uses a deliberate color choice, edge-to-edge imagery and large scale typography. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left and the actions on the right.

How to compile the project from sources

Material Kit React public repository comes with a comprehensive README with all relevant information to compile this modern UI Kit with just a few commands typed in the terminal:

Before trying to execute any command, make sure you have Nodejs installed. If you're not sure, please open a terminal and type:

$ node --version
v11.14.0 <--- All Good

Any output that is not an error, suggest something good.

Step #1 - download sources (using GIT)

$ # Clone/download sources
$ git clone https://github.com/creativetimofficial/material-kit-react.git
$ cd material-kit-react

Step #2 - Install modules

$ # Install dependencies
$ npm install
$ 
$ # Or using yarn 
$ yarn

Step #3 - Start project (for development)

$ # Start project
$ npm start
$ 
$ # Or using yarn 
$ yarn start

Once the application is compiled, we can visit the LIVE demo in the browser:

Material Kit React - Presentation page

Material Kit React - Login Page

Material Kit React - User Profile Page

Thank you! For more resources, please access:

• More React Templates provided by Creative-Tim
• PROMO React Bundle - 10 premium React Templates discounted with 75%