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 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
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: