Skip to content

Adopt Material Design 3 / Material You #29345

Open
Open
Adopt Material Design 3 / Material You#29345
Labels
breaking changeIntroduces changes that are not backward compatible.design: materialThis is about Material Design, please involve a visual or UX designer in the processdesign: material youon holdThere is a blocker, we need to wait.scope: all componentsWidespread work has an impact on almost all components.type: new featureExpand the scope of the product to solve a new problem.umbrellaFor grouping multiple issues to provide a holistic view

Description

@NawarA
NawarA
opened on Oct 27, 2021

I'm sure you're tracking the pulse of material design standards like me and others. That being said, material ui version 3 is out.

We should track MUI being migrated from Material Design v2 to Material Design version v3.

I'm sure they'll be a few tickets that come out requesting the adoption, so I figured this ticket could act as a stub and catch-all for MUI support for the design language's latest update.

Cheers

References

Design kits

Real adoptions of Material You in the wild?

Desktop

Mobile

  • Google Pixel Phones. "Canalys puts Google fifth in U.S. phone market share, with just a 1.7% in Q3 2022." source. It's insignificant. All the other phone manufacturers skin Android, so don't use Material Design 3.
  • Others?

Migration

If you wish to contribute, start with the contributing guide

Progress

List of components and their current migration status

✅ Done
⏳ In progress
⭐ Ready to take
✋🏼 On hold

Activity

  1. NawarA
    added
    status: waiting for maintainerThese issues haven't been looked at yet by a maintainer.
    on Oct 27, 2021
  2. mnajdova
    added
    design: materialThis is about Material Design, please involve a visual or UX designer in the process
    and removed
    status: waiting for maintainerThese issues haven't been looked at yet by a maintainer.
    on Oct 28, 2021

  3. mnajdova commented on Nov 5, 2021

    @mnajdova
    mnajdova
    on Nov 5, 2021 · Hidden as resolved

  4. jpmtrabbold commented on Nov 23, 2021

    @jpmtrabbold
    jpmtrabbold
    on Nov 23, 2021 · Hidden as resolved

  5. cryptoAlgorithm commented on Jan 10, 2022

    @cryptoAlgorithm
    cryptoAlgorithm
    on Jan 10, 2022

    Hi, I was about to start my own feature request, but found this. I think material v3 does look way more expressive and vivid than v2, and Google's own material web components is also in the progress of implementing Material You (material-components/material-web#2441).

    If nobody wants to take up this task, I can plan and gradually migrate some mui components to material v3 standards. @mnajdova, is there anything blocking that needs to be completed before migration can start? If not, I think we can start with a checklist of components in order of importance and visual difference from material v2 -> v3.

  6. mnajdova commented on Jan 11, 2022

    @mnajdova
    mnajdova
    on Jan 11, 2022
    Member

    Hi, if nobody wants to take up this task, I can plan and gradually migrate some mui components to material v3 standards. @mnajdova, is there anything blocking that needs to be completed before migration can start? If not, I think we can start with a checklist of components in order of importance and visual difference from material v2 -> v3.

    It is a breaking change, so I am not sure that we can start with it right away (at least we cannot update the components which are part of @mui/material). We could try to adopt the styles to some of the components that we have inside @mui/material-next - this is our experimental package that depends on @mui/base that we envision will be the replacement for @mui/material v6. In my opinion this should be a good start. @mui-org/core what do you think?

    @cryptoAlgorithm feel free to kick off this effort if you want to. Check first which components we already have in the @mui/material-next package and try to experiment with some of those if you want to.

  7. cryptoAlgorithm commented on Jan 11, 2022

    @cryptoAlgorithm
    cryptoAlgorithm
    on Jan 11, 2022

    Ok, great. Maybe this can be introduced as part of the material-ui v6 update? Since by then, material v3 styles should be quite common across sites using material design. We might want to wait and see how Google handles this in their own Material Web Components library, and how they actually look.

  8. michaldudak commented on Jan 12, 2022

    @michaldudak
    michaldudak
    on Jan 12, 2022
    Member

    We could try to adopt the styles to some of the components that we have inside @mui/material-next - this is our experimental package that depends on @mui/base that we envision will be the replacement for @mui/material v6. In my opinion this should be a good start. @mui-org/core what do you think?

    Agree. Just note that material-next is our experimental (playground) package. We intend to test different shapes of the API there and introduce breaking changes without notice, so it's not safe to depend on it in production.

  9. oliviertassinari
    added
    breaking changeIntroduces changes that are not backward compatible.
    type: new featureExpand the scope of the product to solve a new problem.
    on Jan 12, 2022
  10. mui
    deleted a comment from cryptoAlgorithm on Jan 12, 2022
  11. oliviertassinari
    added
    waiting for 👍Waiting for upvotes. Open for community feedback and needs more interest to be worked on.
    on Jan 12, 2022

  12. leonardorafael commented on Jan 12, 2022

    @leonardorafael
    leonardorafael
    on Jan 12, 2022 · Hidden as off-topic
  13. oliviertassinari
    changed the title [-]Adopt material design 3 specs [/-] [+]Adopt Material Design 3 / Material You[/+] on Jan 12, 2022

  14. 172 remaining items

  15. MIreland commented on Oct 29, 2025

    @MIreland
    MIreland
    on Oct 29, 2025

    @alexprinsen-barntools

    Mind sharing where you saw mui tailwind integration?

  16. t-unimorphic commented on Dec 9, 2025

    @t-unimorphic
    t-unimorphic
    on Dec 9, 2025

    The Android components in Adaptive Material UI have been updated to Material Design 3. If you don't want the adaptive behaviour you can import the Android components directly docs

  17. siriwatknp
    removed this from the Material UI v8 (draft) milestone on Jan 12, 2026

  18. kmetta4 commented on Jan 13, 2026

    @kmetta4
    kmetta4
    on Jan 13, 2026

    Hi. Thanks for all the amazing work put in to this library. is there any update on the Material You/MD3 implementaion?

  19. akarray commented on Jan 15, 2026

    @akarray
    akarray
    on Jan 15, 2026

    @siriwatknp I understand that priorities can change, and focusing on Base UI going forward makes sense.That said, clearer and more transparent communication with the community would really help.
    This lack of updates is creating frustration for many developers.

  20. mokosiy commented on Jan 16, 2026

    @mokosiy
    mokosiy
    on Jan 16, 2026

    @siriwatknp Simply remove MD3 support from the roadmap. This will stop everyone from expecting an update and distract you from important work.

  21. Aditya1234vishwakarma commented on Mar 5, 2026

    @Aditya1234vishwakarma
    Aditya1234vishwakarma
    on Mar 5, 2026

    I'm very excited for support of Material Design 3 in the MUI because it is only one that I have trust for the react and specially in NEXT JS. ❤️❤️❤️

  22. abriginets commented on Apr 10, 2026

    @abriginets
    abriginets
    on Apr 10, 2026
    Contributor
    Image

    I wonder if there's a chance MUI v10 would support Material You by default or at least as an opt-in theme option. Given the fact that team is going to prioritize theming and becoming style-engine agnostic.

  23. selimbei commented on Apr 17, 2026

    @selimbei
    selimbei
    on Apr 17, 2026

    bro is waiting for Material Design 4 😅

  24. zju1 commented on Apr 18, 2026

    @zju1
    zju1
    on Apr 18, 2026 · Hidden as off-topic

  25. DaliborHomola commented on Apr 19, 2026

    @DaliborHomola
    DaliborHomola
    on Apr 19, 2026

    I build internal apps and overall I’m very happy with the components. We use the premium plan, and having pre-styled data grids, charts, plus now calendar and AI chat is a huge time saver—I don’t know another UI library that covers all of this.

    But I’m also getting nervous. We’ve been also talking about Material Design 3 in our team for 5 years—how many times did we plan to build the next app with it, even delay launches… and then nothing.

    Given the premium price, that gap is honestly pretty frustrating.

  26. Aditya1234vishwakarma commented on May 1, 2026

    @Aditya1234vishwakarma
    Aditya1234vishwakarma
    on May 1, 2026 · Hidden as off-topic

  27. pjanaya commented on May 26, 2026

    @pjanaya
    pjanaya
    on May 26, 2026

    Hi guys! I was wondering if this is ever going to happen. Does anybody know? I'm at a point where I need to decide whether to customize MUI to adopt a more v3-like style, use a different library, or maybe wait a bit if this is on the horizon. Thanks!

  28. abriginets commented on May 26, 2026

    @abriginets
    abriginets
    on May 26, 2026
    Contributor

    @pjanaya they plan to support it, although there are no concrete deadlines atm. I wouldn't expect it this year.

  29. fatmalama commented on Jun 3, 2026

    @fatmalama
    fatmalama
    on Jun 3, 2026

    @pjnaya various alternatives have been mentioned. Personally, I went with https://github.com/BobesCZ/mui-create-material-you-theme as it skins MUI and is not a replacement. I wanted to try https://github.com/matraic/m3e as it seems very complete but it doesn't do server side rendering (big downside for me) and it's not MUI so you'd have to rewrite

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    breaking changeIntroduces changes that are not backward compatible.design: materialThis is about Material Design, please involve a visual or UX designer in the processdesign: material youon holdThere is a blocker, we need to wait.scope: all componentsWidespread work has an impact on almost all components.type: new featureExpand the scope of the product to solve a new problem.umbrellaFor grouping multiple issues to provide a holistic view

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions