Material UI is the most powerful and efficient tool to build an Application by adding Designs and Animations and use it with technical and scientific innovation. It is basically a design language that was developed by Google in 2014. It uses more Design and Animations, grid-system and provides shadows and lightning effects.
Features of Material UI: Material UI provides low-level utility functions called “style functions” for building powerful design systems.
- Access the theme values directly from the component props.
- Encourage UI consistency.
- Write responsive style effortlessly.
- Work with any theme object.
- Less than KB g zipped.
- Fast enough to execute.
- A code editor like (VS Code, Atom, Sublime etc).
- NodeJS should be installed.
Installation of Node.js on Windows
Installation of Node.js on linux
- Knowledge of creating a react app.
Installation: To install Material UI run the below command in your working directory.
- Install Material UI by using npm
npm install @material-ui/core
- Install Material UI by using yarn
yarn add @material-ui/core
Example: In this example we will make changes in App.js, we will import Material UI and place a button with the primary color.
- Vue.js | Introduction & Installation
- Introduction and Installation of Git
- React.js (Introduction and Working)
- Introduction to React-Redux
- Introduction to React Hooks
- Svelte | Introduction and Installation
- Materialize | Introduction and Installation
- Introduction and Installation process of Gulp
- Introduction and Installation of Heroku CLI on Windows machine
- What is the difference between React Native and React?
- Adding Angular Material Component to Angular Application
- Context in React
- Difference between GWT and React
- Code Splitting in React
- Why You Should Choose React Native?
- Difference between React.js and Angular.js
- How React Native works?
- File uploading in React.js
- Difference between Node.js and React.js
- How to deploy React app to Heroku?
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.