DEV Community

loading...

Discussion on: Moving From Tailwind To Vanilla-er CSS

Collapse
mikerogers0 profile image
Mike Rogers ✈️ Author

So much yes @terabytetiger !

When I first installed Bootstrap the first experience was "Everything looks pretty decent", but Tailwind often feels like a I'm starting from a blank slate. I think I'm in the same boat as you where I kind of expect semantic HTML to render nicely.

Collapse
owenmelbz profile image
Owen Melbourne

Tailwind isn't designed to give you a "generic" base style - it wants you to create your own visuals exactly as you need them - For us this is perfect because every design we produce is unique, if we had to remove all this extra fluff added for us it would be even more of a pain.

If you need a base style - then you create your own that you can pull into future projects, or find a UI Library that does it - there's plenty that people have already created :)

Collapse
terabytetiger profile image
Tyler V. (he/him)

In researching something else, I have now stumbled upon tailwindcss-typography.netlify.app/ which (kind of) resolves most of my complaints here.

I wish the .prose didn't have to be added everywhere to apply it, but I guess it's better than nothing 🤷‍♂️

Collapse
extrabright profile image
Alexis

I agree. Utilities are great, and Tailwind took it to the next level. However, something doesn't let me go all in for that. I still prefer Bootstrap. They have introduced utility classes way back, but maybe because of a lack of proper documentation and example, people didn't know exactly what to do with them.

Because of this, I've created a project in which I included a bunch of utilities using the Bootstrap 5 API. Now you have the best from the two worlds: basic components and utility classes for faster customization. Here's a link to the docs: webpixels.io/docs/css/1.0/installa...