Learn MUI (Material UI) in under 10 min!

In this video you will learn everything you need to know to get started using MUI's Material UI,
which is a React component library for Material Design.

If you found this video helpful,
please give it a like 👍 and subscribe 📨 for more.

🐦 Follow me on Twitter

⏰ Timestamps
0:00 Intro - What is MUI / Material UI?
1:12 Material UI basics (Container, Box, Typography, sx prop)
4:58 Creating a website with Material UI
8:42 Outro

📎 Helpful links

🎵 Where I get my music from

Local Forecast - Slower by Kevin MacLeod

🤝 Services I use

🎥 My gear
Monitor - Dell S3423DWC 34

Headphones - AKG K240 Studio

Earbuds - Jabra Elite 4 Active

Mic - HyperX SoloCast

Keyboard - Apple Magic Keyboard

Trackpad - Apple Magic Trackpad

Camera - Sony a6400

Lens 1 - Sony 16-50mm f/3.5-5.6

Lens 2 - Sony - FE 50mm F1.8 Standard Lens

Lens 3 - Samyang SY12M-E-BK 12mm F2.0

📬 Inquiries (Collabs, Sponsorships etc.)

[frontstartdev]

Any topics you want to see me do? Comment below.

[asparshraj]

Bro your video production quality is amazing, just continue to upload more. Your channel will have millions of subscribers in no time..

[CodexLink]

Finally an MUI quickstart tutorial without making things complicated and loosed, kinda motivated to try it again, thank you for this broooo

[fronix]

You can use an array instead of the object for responsiveness as well, makes the code really clean once you know the value placements

Example

sx={{
width: ['100px', '200px'],
color: ['red', 'blue']
}}

[rss-bnub]

Exactly what I needed to get started in 10 min! Thanks.

[brangtoggez]

Great video, I was scared to learn Material UI since the docs aren't very good for beginners, but when I finished this video, I suddenly can read around 60% of the docs with ease.

[ahmedmusawir]

Wow! You actually did it in 9 min ... I went in skeptical, but this gave me enough to get started! Amazing!!

[thesm]

I just couldn't believe that MUI can be narrowed down to 10 minutes when I found your video, but you proved me wrong.
GREAT Video!!! Keep it up!! 👍

[TradeWithJon]

This is just the video I've been looking for, for a very long time! Thank you so much!

[sfowiro]

buddy, this video really help me to understand what mui is and actually start using it, thank you so much

[yumyum]

gawd how I love these to-the-point tutorials

[alesholman]

I really love that Fireship editing style you went for. Keep up the good work !

[GuardingPearSoftware]

Thank you! Learned a lot. I was not sure if I should combine MUI+Tailwind but now MUI alone is my way to go 😊

[eddyelamin]

Great introductory video bro, thanks a lot!

[duckmasterflex]

MUI has been a god send to me for building internal tool UIs, highly recommend

[AliMalik-ytex]

Hehe I love the memes and the random gifs so much, makes learning so much more fun. You earned yourself a new sub.

[katekelly]

Thank you, so helpful! I've watched this video four times now. I love that you pack so much practical content into a short and engaging video. Please keep making amazing content!

[lashabidzinashvili]

very high quality for 109 subscribers. definitely subbing and im already waiting for next videos!

[w.patriot]

Thanks, this video helps me prepare for an internship!

[prasenjitbasu]

Nice one. Why not you make a complete playlist of how to use MUI in React. I think It will help many aspring developers