Material Web Components for React (MUI Alternative)
1–6 of 6 posts
Re: Material Web Components for React (MUI Alternative)
#2Hey hn,
I've built a performant, compact and composable Material library for React. It's based off of @material/web's official Web Components implementation.
I am to use Tailwind as a styling engine, and I want to make it installable in-project, like shadcn. Kind of like a lightweight alternative to MUI.
btw I'm already using this in a production project. Looking forward to your thoughts.
Re: Material Web Components for React (MUI Alternative)
#3Thnaks for sharing!
Re: Material Web Components for React (MUI Alternative)
#4This is cool.
Quick question, how are you implementing the Tailwind styles? I'm assuming that the material/web use the shadow DOM to encapsulate styles, and therefore allow customised using CSS variables.
So I'm a little confused why the global tailwind CSS seems to work
Re: Material Web Components for React (MUI Alternative)
#5This is cool. Quick question, how are you implementing the Tailwind styles? I'm assuming that the material/web use the shadow DOM to encapsulate styles, and therefore allow customised using CSS variables. So I'm a little confused why the global tailwind CSS seems to work
This is a WIP I'm trying to figure out.
I want to be able to load those CSS variables as Tailwind directives.
e.g.
`
|_ button
|_ index.tsx
|_ tailwind.ext.js // I would love any ideas or feedback on this mechanism.
Re: Material Web Components for React (MUI Alternative)
#6Thnaks for sharing!
Pleasure! Drop it a star on GitHub to support further. Would appreciate any PRs or dev support.