This article presents an open-source React Template crafted by and released for free by Creative-Tim - Material Kit React. The product is a Free Material-UI@4.1.0 Kit with a fresh, new design inspired by Google's material design, released under a permissive license that allows unlimited copies for hobby & commercial projects.
Thanks for reading! TL;DR;
- Material Kit React - product page
- Material Kit React PRO - more pages and components
- More React Templates - index published on Admin Dashboards.com
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.
Material Kit React - Landing Page
Material Kit React - Contact Form
Material Kit React - Image Grid
This new design has elements that have been the result of research regarding ink and paper and the way objects and materials interact in real life. The result is a beautiful and consistent set of elements that can get you started with your next project. Material Kit React is a great tool if you are looking to create a web presence for your Android application and need to be consistent, leaving the impression of visually similar elements. It is also a great resource in its own right, looking gorgeous and helping you build your web pages.
Compile from Sources
The product is published on Github and we can compile it locally with a few commands typed in the terminal. To complete this process, please use a decent NodeJS version ( > 10.x) and Git command line tool (to download the sources).
1# - Clone the sources
$ # Clone sources $ git clone https://github.com/creativetimofficial/material-kit-react.git $ cd material-kit-react
2# - Install modules (dependencies)
$ # Install Modules $ yarn
3# - Start template for development
$ # Start in development mode $ yarn start
If all goes well, we should see this modern React Template up & running in our preferred browser. That was easy, right?
Thank you! For more resources, please access:
- React Templates - a curated list with open-source projects
- React Dashboards - a popular article published on Dev
- React Dashboard - Modern Designs for 2021
- Material Kit PRO React - a premium React design
Material Kit PRO React features over 1000 individual components, giving you the freedom of choosing and combining. This means that there are thousands of possible combinations. All components can take variations in colour, that you can easily modify using SASS and JSX files (for the JSS syntax).