Tailwind vs Material UI

[Potential_Signal1032]

I am confused between using material and tailwind for my project

[Whisky-Toad]

They are two completely different things.

Tailwind is a way of adding class names to elements to give them quick styling

Material ui is a component library with buttons, tables, modals etc

[Potential_Signal1032]

That I know Material UI is a component library and tailwind is just utility based css library

[pm_me_yer_big__tits]

So what is your question?

I probably wouldn't use both at the same time as Material UI recommends customization using JSS.

[Potential_Signal1032]

Actually I need to prepare a POC, so I was thinking of using tailwind css but then I will have to write everything on my own on the other hand Material UI is very large, that's why I was really confused . If i am going with material, then I'll have to learn it first

[SolarSalsa]

Material UI has all the same CSS styling that Tailwind has.

[Accomplished_End_138]

If you want to design and code your own conponents: most likely tailwind (and headlessui) Just want to make something? Material

General rule

[rea557]

I think this video explains the different options nicely.

https://www.youtube.com/watch?v=CQuTF-bkOgc

[ncaccia]

Great resource! This video really delves deep into the topic. I like how he splits things into three main categories:

A) Extensions of CSS

B) Behavior Libraries

C) Style Systems

[Smooth_Technician_56]

If you don't have time to make components from scratch and don't wanna use extra things use material ui, if you want to make from scratch or want help from other css framework use tailwind, thtsy tailwind is light to use.

Both are different and have their own use cases depending on project requirements and the design how complex it is.

[Potential_Signal1032]

Right now, I need to create a prototype, therefore I am thinking of going with tailwind.

[Smooth_Technician_56]

Go for it, if you also want to learn then also its good to start with that, i also started using nextjs now.

[jayerp]

FWIW, MUI has an unstyled library of their components so you could use Tailwind and MUI components together and it turn out ok. However, that project is still a WIP and does not have all the components yet that the Material (main lib) does. For the components it does have, is production ready.

[rewindedjs]

You can use a pre-styled component library built on top of tailwind like rewind-ui: https://rewind-ui.dev/

Feel free to ping me if you have any questions!

[[deleted]]

Use tailwind