So the question is:
is there any better alternative to material ui?

mui is powerful, but I see no good in it in the field of customization.
You can't do shit without searching smth like: "how to remove the ::before in that mui component"
and getting some answer like:
"oh you can't do that with css! you should use that prop and shit or you should config your library in a way which you can remove ::before"

FFS WHAT THE FUCK IS THIS
I JUST WANT TO WRITE MY BORING CSS AGAIN

So? You're always free to do it. I wrote my own tiny css system and it's all I ever needed as a base for customization.

@msdsk the problem is, that css do not always override the default styles in such libraries, and in the end, we are not completely free to use it

@Navid-mnzh Sure it can. Just slap !important on all your custom CSS rules.

Ugly : yes

working : yes :D

Material You? /s

I’ve used material UI for angular and hated it. Generally speaking I feel like ui frameworks and customization are antonyms. Ideally the choice of a framework must be made in agreement with the PO and/or the design team if there is one. They have to accept that their site/app’s UI is going to have a certain flavor. If they don’t like that, if they want a very specific "in house" design, then they shouldn’t expect developers to stick to a framework; but that requires the dev team to have decent knowledge in css. There are also some good minimal frameworks out there to help with basic page layout and with basic styling, to avoid having to start completely from scratch

@Grumm in Mui, it's really difficult to find a working CSS selector for an element. In many instances, the answers given by the maintainers do not work

Material UI implementations suck (MUI, Vuetify). They have bloated components, opinionated usage and their performance is shite. Literally using anything else is better, be it bootstrap, bulma, tailwind, semantic-ui or uikit.

In the end you're better off with basic features, small API footprints and extensibility through plain HTML/CSS/SASS/JS so you can wrap your own small layer around it to perfectlt match your and only your requirements

@h3rp1d3v Never used that one. I know in Buefy it is not that hard.

But I think even in MUI, you could just slap your own class in the div and somewhere in the css you add wath you want with important to overrule any framework.

@Grumm All classnames are generated. To override style, dev need to passes in a proper style object in a proper shape with proper keys(psedo classnames). It's really difficult to find those working keys(classnames) and the ones on documentation don't work for whatever reason.

well the !important not working on mui custom styles. The rules are not even applied.

Final Decision:

I'll move to the combination of SASS and Tailwind.

It seems tailwind-element can replace MUI, it's little messy, however, it's highly CUSTOMIZABLE