The ULTIMATE guide to styling/customizing Material UI (MUI)

Поділитися
Вставка
  • Опубліковано 25 лис 2024

КОМЕНТАРІ • 103

  • @frontstartdev
    @frontstartdev  Рік тому +11

    Found this helpful? You can support me with a coffee ☕ bmc.link/frontstart
    What other MUI/Material UI topic do you want me to cover?

  • @samiroutka
    @samiroutka Рік тому +20

    Before I have seen the views of the video, I thought that the video has at least 300k views. The quality is so good

  • @ehsanmz5725
    @ehsanmz5725 Рік тому +21

    As a react developer who is new in MUI, this video is a reference by it's own.

  • @TomCodeur
    @TomCodeur 9 місяців тому +7

    Thanks, that's more helpful than the official doc 😁

  • @realdiegor
    @realdiegor Рік тому +4

    The docs are overwhelming at first without a guide through. Your video was just perfect. Thanks.

  • @foveromw
    @foveromw Рік тому +1

    Recently, I searched for some videos to learn MUI customization. Suddenly, UA-cam suggested your channel to me. I learned so much from your videos, and it was worth spending my time.

  • @Prashant-Dedha
    @Prashant-Dedha 6 місяців тому

    Thanks for the short overview of customizing MUI components. The 2-hour and 4-hour tutorials seamed very overwhelming to start with but now I after watching this I'm more confident to deep dive into docs and actual projects. Thanks a lot.

  • @saileeladharsaranam1992
    @saileeladharsaranam1992 Місяць тому

    Thanks alot for making this video short and Informative. Now I am confident enough to make decitions while applying styles to mui components

  • @code-websites
    @code-websites Рік тому +2

    People are trying to explain this whole stuff in hours but bro nailed it in 10 Minutes🔥😍

  • @JoelRdz
    @JoelRdz Рік тому +3

    I saw your Learn MUI video and got amazed as how well you explain and this is no different, very useful not just for styling MUI, but for styling in React in general , I hope you make that theming video

    • @frontstartdev
      @frontstartdev  Рік тому +1

      Thanks for the kind words! I sure will 👍

  • @shaungould8793
    @shaungould8793 Рік тому +6

    Sooooo helpful, thank you! I would def watch a more in-depth video on the theme abstraction.

  • @shaungould8793
    @shaungould8793 Рік тому

    I also want to mention that the ten minute video format your using is perfect imo

  • @AttiqaZaki1
    @AttiqaZaki1 9 днів тому

    Kindly add some more Videos about MUI. It really helps me.

  • @joshDotJS
    @joshDotJS 6 місяців тому +1

    Very useful and consice video! Since there are so many ways to do responsiveness in MUI, can you please create a video covering the pros and cons of each way of applying responsive styles?

  • @bulwinkel
    @bulwinkel Рік тому +6

    Great video, thank you! Between this and your Learn MUI in under 10 mins video I have worked out that I have been doing it all wrong 😂

    • @frontstartdev
      @frontstartdev  Рік тому +3

      Haha there is always something to learn 😁 glad you found it helpful!

  • @_Squiggle_
    @_Squiggle_ Місяць тому

    Really good overview! Thank you!

  • @GurpreetHanjra
    @GurpreetHanjra 11 місяців тому

    Answered most of the questions. Great video.
    Would love to know more about theming in depth. Thanks

  • @francisboudreau7524
    @francisboudreau7524 Рік тому

    It would be really great if you make a complete video on theming 👏🏻👏🏻👏🏻

  • @dule88rs
    @dule88rs 9 місяців тому

    Great video!
    I think you should do more videos on these topics.
    Maybe something around themes, or how to organize styling in a project, etc.

  • @neovickson
    @neovickson 11 місяців тому

    I didn't understand mui until I saw two of your videos, epic 🔥
    I'll be looking out for your videos 💯

  • @Igor-km5qp
    @Igor-km5qp 8 місяців тому

    Nice concise tutotiral, thanks a lot for dividing different methods.

  • @fabiojonathanarifin1
    @fabiojonathanarifin1 11 місяців тому

    very straightforward, fun, and valuable informations here! amazing tutorial, I wish all tutorial could be like this.

  • @Sam-km9jl
    @Sam-km9jl 11 місяців тому

    You made it so easy, gotta learn some MUI tips from you, subscribed! And thanks for the great content!

  • @haroldriera5625
    @haroldriera5625 6 місяців тому

    A video on theme customization in detail 💯🔥

  • @kaanakyuz5801
    @kaanakyuz5801 10 місяців тому +1

    Would it make more sense to use all the css of my project in a single css file, or would it make more sense to use sx in each page? Apart from all this, would it make sense to create piecemeal css codes in themes.js and call them in sx on my pages?

  • @janardanpethani5755
    @janardanpethani5755 Рік тому

    Sure, would like to have a dedicated video on createTheme.

  • @matheus-il
    @matheus-il Рік тому

    Thank you so much! Please make a video just about theming

  • @kekoHere0610
    @kekoHere0610 7 місяців тому

    Hey, I can't find the video on Theming. I hope it's uploaded soon. This video was very helpful. Thanks for helping out beginners like us. Subscribed !!

  • @yehudamakarov
    @yehudamakarov 11 місяців тому

    That was perfect but I wanted more explanation of the last part and how the & works and how the : stuff works!

  • @sujeetkumaryadav9600
    @sujeetkumaryadav9600 4 місяці тому

    great content that I was looking for!! Thank you so much....

  • @FaramarzF.R
    @FaramarzF.R 9 місяців тому

    Thanks ❤.
    Please make more videos of your experiences.

  • @habibbel2048
    @habibbel2048 8 місяців тому

    Useful video. We look forward to other special videos like themes and treeview and datagird

  • @Lokacodes
    @Lokacodes 8 місяців тому

    super helpful for a beginner like me. Thanks!

  • @willysyafiq4863
    @willysyafiq4863 Рік тому

    Thanks man, it's concise and easy to understand

  • @MohamedMahmoud-pe6qm
    @MohamedMahmoud-pe6qm Рік тому +1

    Really Amazing Video , you earned yourself a new subscriber.

  • @fernandonogueira2291
    @fernandonogueira2291 Рік тому

    Amazing video, man! Thanks for that!

  • @Ouail-Ocf
    @Ouail-Ocf Рік тому +1

    This was so beneficial , thanks a lot !

  • @amancharlamanas3812
    @amancharlamanas3812 Рік тому +1

    Keep making more useful videos, Thanks a lot!

  • @jacobstrength3945
    @jacobstrength3945 Рік тому

    Crazy useful video. Thank you so much for the content.

  • @rhymeskiduniya521
    @rhymeskiduniya521 6 місяців тому

    need more detailed video on theme and styled components

  • @marcosantoniovitaldelima3774
    @marcosantoniovitaldelima3774 4 місяці тому

    Great video, man! Thanks!

  • @dinesh.p8642
    @dinesh.p8642 Рік тому

    I love you FrontStart. Thank you!!

  • @juanmacias5922
    @juanmacias5922 Рік тому

    Such a detailed video! Thank you!

  • @soldadopreciso
    @soldadopreciso Рік тому

    Thanks pal. Very useful video.

  • @ramiov3862
    @ramiov3862 10 місяців тому

    Thanks so much man ... that was super helpful.

  • @Ashish_singh_dev
    @Ashish_singh_dev 10 місяців тому

    You got a sub 😅, would love to see detailed MUI theming

  • @jssecrets
    @jssecrets 8 місяців тому

    You are a good explanator man!

  • @ezequielvallejo9352
    @ezequielvallejo9352 5 місяців тому

    Nice for a first approch, thanks!

  • @lazycode7
    @lazycode7 9 місяців тому

    Really helpful bro, Thanks a lot ❤❤

  • @kirilkirchev285
    @kirilkirchev285 10 місяців тому

    Great video - straight to the points & perfect example. Covers from zero to hero in less than 10min

  • @mohsenazimi-k9h
    @mohsenazimi-k9h 7 місяців тому

    that was very useful, Thanks a lot.

  • @kekoHere0610
    @kekoHere0610 7 місяців тому

    Thanks a lot. It helped a lot.

  • @mario_luigie4593
    @mario_luigie4593 8 місяців тому

    Super, thank you !

  • @slava3234
    @slava3234 Рік тому

    Thank you, mate 💪🏼

  • @masoudharooni2989
    @masoudharooni2989 9 місяців тому

    that was awsome, please make it about Ant design.

  • @daniel.dushev
    @daniel.dushev 10 місяців тому

    great video, keep the good work

  • @mateustoledo2835
    @mateustoledo2835 Рік тому

    Great video!

  • @abdalrahman_shebani
    @abdalrahman_shebani Рік тому

    Thanks for your video, how do we know when to use sx vs styled ?

  • @jorgejorge8878
    @jorgejorge8878 5 місяців тому

    Great content. Subscribed.

  • @azharsiddiqui3055
    @azharsiddiqui3055 Рік тому

    Hey bro please make some tutorials on material ui with projects using typescript with customisation as well

  • @vivekbhatt3932
    @vivekbhatt3932 Рік тому

    Helpful Video 👍🏻

  • @HariNair108
    @HariNair108 2 дні тому

    How can I use Figma code connect wthi MUI components?

  • @kiransp3294
    @kiransp3294 Рік тому

    love from India brother ❤

  • @LucasGuimarãesdaCruzMarques
    @LucasGuimarãesdaCruzMarques 3 місяці тому

    Hey, I really liked your video-it was super helpful! But I still feel like there’s a lack of content about customizing Material UI themes, especially since so many people use it.
    I have to use it daily, and I find the documentation really bad. It doesn't explain anything! I always get stuck somewhere and end up having to 'invent' a solution.

  • @_tanzil_
    @_tanzil_ Місяць тому

    How do you add some custom colors with custom names

  • @abhinavkumar8683
    @abhinavkumar8683 Рік тому

    It's too helpful Thanks

  • @mr.random8447
    @mr.random8447 9 місяців тому

    Can you make video on CSSVarsProvider?

  • @amey4521
    @amey4521 Рік тому

    Hey, how I merge two themes? I have a chakrui theme and a material ui theme. How I exactly use deepmerge ? Can anyone help

  • @MaxI-fw1vv
    @MaxI-fw1vv Рік тому

    Could you tell please how to customize IconButton. It doesn’t work for me for some reason

  • @DhruvaAgarwal-l8l
    @DhruvaAgarwal-l8l Рік тому

    Great video

  • @510218sk
    @510218sk 7 місяців тому

    Im having a portfolio project on an e- commerce web in a code boot camp. Really struggle on building or even simply cloning from one .Im using React and MUI, just trying to make landing page, item-list page, cart page, checkout page, and login page , but almost get depressed to smash my lap...do you have any advice for me? Just cant hold much of my negative, sorry...

  • @rayforever
    @rayforever 4 місяці тому

    Mui better put your video link in their docs 😂, and bhoom all the dev will began using MUI,
    Man if I haven't found your video I would've switched to nextUI or bootstrap.

  • @y0na24
    @y0na24 Рік тому

    its great video, thanks!

  • @map3056
    @map3056 11 місяців тому

    awesome video

  • @tomasburian6550
    @tomasburian6550 4 місяці тому

    Still a lot of ground to cover. I think the hardest is to know how to restyle the components based on client's needs. Sometimes they have a specific schema or company colors they want to implement and then the hard work of targeting classes and subclasses begins.

  • @jayakrishnav420
    @jayakrishnav420 Рік тому

    I am getting Invalid hooks call error , please help me to solve this problem

  • @ДаринаМеркулова-г3и

    Please help us 🙏, we want to know more information. Maybe you can understand how to do a select with search, for example. I really need this because I will go crazy while doing it. How we can change label, delete animation, etc

    • @frontstartdev
      @frontstartdev  Рік тому

      Привіт! Sure. Are you looking for something like this?
      mui.com/material-ui/react-autocomplete/

  • @ภูมินทร์ชาญนรา-ง7ฬ

    เข้าใจง่ายมาเลยครับ

  • @makaim680
    @makaim680 Рік тому

    What site is that where you are looking up your colors with the shades.

    • @frontstartdev
      @frontstartdev  Рік тому

      on the mui website go to customization/color/

  • @MrProgrammer101
    @MrProgrammer101 Рік тому

    Why does styling set in sx getting overridden by the theme?

  • @MubashirullahD
    @MubashirullahD 8 місяців тому

    Great

  • @sankalpsaxena4300
    @sankalpsaxena4300 Рік тому

    It good bro

  • @emanojbisht
    @emanojbisht Рік тому

    While using modules on Button some of the styles dont apply like padding margin color does not. Change

    • @frontstartdev
      @frontstartdev  Рік тому

      What do you mean by that? Can you give some details and context?

    • @emanojbisht
      @emanojbisht Рік тому

      @@frontstartdev I am new to MUI previously I used to work with css modules for styling. So when I change the style of mui button through css modules by prop name className only thing I am able to change is width. Color, margin ,padding does not change with css module

  • @pavelgilmutdinov6988
    @pavelgilmutdinov6988 Рік тому

    hi what about MakeStyles hook ? Thx

  • @lukasspfc18
    @lukasspfc18 11 місяців тому

  • @YstmioGaona0505
    @YstmioGaona0505 4 місяці тому

    ¿Derecha?, anti dictadura diría yo.

  • @DYTVLOGGING
    @DYTVLOGGING 11 місяців тому

    make a cheatsheet of these .

  • @kacperkepinski4990
    @kacperkepinski4990 8 місяців тому

    shit

  • @skan90
    @skan90 6 місяців тому

    Amazing! Thank you very much for that, got a subscriber! Cheers from BRazil!

  • @cdavidmore
    @cdavidmore 4 місяці тому +1

    I saw your Learn MUI video and got amazed as how well you explain and this is no different, very useful not just for styling MUI, but for styling in React in general , I hope you make that theming video

  • @cristianohenriqueamorim8179
    @cristianohenriqueamorim8179 7 місяців тому

    Great! Thanks!