search

mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
https://mui.com/material-ui/
MIT License
93.43k stars 32.16k forks source link

How can I use Joy UI with MUI X? #41169

Open issam-seghir opened 7 months ago

issam-seghir commented 7 months ago

Steps to reproduce

How can i use joy ui with mui x components ?

Current behavior

No response

Expected behavior

No response

Context

No response

Your environment

npx @mui/envinfo ``` Don't forget to mention which browser you used. Output from `npx @mui/envinfo` goes here. ```

Search keywords: joyui

zanivan commented 7 months ago

Hi @issam-seghir, I believe that this guide for using Joy UI with Material UI might help. Currently, MUI X Components use the Material UI theme and structure, so it's a peer dependency. Having Material UI in your project might solve the issue.

Let me know if it works :)

issam-seghir commented 7 months ago

Hi @issam-seghir, I believe that this guide for using Joy UI with Material UI might help. Currently, MUI X Components use the Material UI theme and structure, so it's a peer dependency. Having Material UI in your project might solve the issue.

Let me know if it works :)

The first note I faced when visiting the guide :

Once Joy UI reaches component parity with Material UI, we recommend that you choose one or the other. Not only do they have a different design language (and therefore a different theme structure) but they would increase your bundle size as well as potentially create unnecessary complexities.

According to this note, it is advised against using Mui alongside Joy UI due to several reasons. Is there a possibility or any intention to redesign Mui x with Joy UI at some point in the future?

siriwatknp commented 7 months ago

According to this note, it is advised against using Mui alongside Joy UI due to several reasons. Is there a possibility or any intention to redesign Mui x with Joy UI at some point in the future?

I am not 100% sure about it since the core team is focusing on the release of Material UI v6 so we are pausing the development of Joy UI at this moment.

We will let you know once there is a clear roadmap for that.

zanivan commented 7 months ago

Just complementing what @siriwatknp said, this comment here gives a bit more details on why we're advising it.