Skip to main content

What is MUI ?

MUI ( Material UI )

 

image.png

MUI offers a comprehensive suite of free UI tools to help you ship new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

Material UI is a library with integrated in the frontend part as a UI components. on this session I will let's you integrated the MUI library into react application

Why we should learn about css framework / library ?

Because css library can help you to reduce your time to create components like we have someone that already have created the components for you to use.

Screenshot 2567-01-23 at 23.21.52.png

this is a example of button components

Screenshot 2567-01-23 at 23.25.26.png

this is a example of basic switches components

Install the MUI into React Application


Screenshot 2567-01-23 at 23.31.40.png

Install icon-MUI (optional) 

Screenshot 2567-01-23 at 23.32.39.png

Reference