Community themes

[anisg]

Summary 💡

In the documentation website, have a section to list the opensource themes built with MUI (using createTheme())

Examples 🌈

One opensource theme built with MUI for instance is Perason Material-UI Theme

Motivation 🔦

I love MUI but I don't personally like too much Material Design System and thus I'm usually customizing components manually with createMuiTheme. Having a list of opensource themes can give us a good starting point if we want to have something different from Material.

List of existing themes/design-systems

• https://mui-glass.vercel.app/ by @socramm9

[oliviertassinari]

@anisg Yes, yes, we need more of that! 😍 (I don't like Material Design specifically either, the only reason I got involved with this design spec is that I wanted to make a web app for Android 5 years ago 🙃)

The API you use looks great. I think that it's the direction we could push people into. The bundle singleton of the theme looks acceptable, and can always be optimized for people that value it https://github.com/Pearson-Higher-Ed/pearson-mui-theme/blob/develop/src/index.js.

import pearsonTheme from '@greenville/mui-theme';
import { ThemeProvider, createMuiTheme } from '@material-ui/core/styles';

<ThemeProvider theme={createMuiTheme(pearsonTheme)}>
  <YourApp />
</ThemeProvider>

@siriwatknp has been exploring this direction in https://mui-treasury.com/styles/tabs. Recently I was suggesting leading toward the API you have used #21054 (review).

I thint that your issue also resonates with this issue, your feedback on it would be appreciated #21111 (comment).

[romainquellec]

I'm pretty sure there is a lot of good themes out-there (or custom components on storybook at least) !
Can't wait to see them here !

[siriwatknp]

In the documentation website, have a section to list the opensource themes built with MUI (using createTheme())

Community can create a PR for it, similarly to . I think that's the conclusion to close this issue.

MUI treasury is one example: https://mui.com/material-ui/react-card/

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@anisg How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.

[oliviertassinari]

Reopening, the idea behind this was to either have a showcase or a docs, or a built-in docs infra support.