HACKER Q&A
📣 deccanchargers

Which CSS Framework to Choose?


I am valuating which CSS Framework to choose for my Vuejs project.

Bootstrap has js components (i would like it to be js agnostic) and doesn't have dark mode feature.

Bulma doesn't look good imo. Also,i feel it to be limited.

Tailwind css looks good. I prototyped it for my project. But, HTML looks unnecessarily messy and verbose.

Other CSS frameworks are either dead or not properly maintained.

Which one are you using? should i ditch CSS framework and style using raw CSS? I am confused now.

  👤 KMnO4 Accepted Answer ✓
Asking what framework to use is like asking what kind of haircut to get. It depends on what you want it to look like.
👤 prox
If you are already versed in CSS you can certainly use raw CSS. The nature of CSS is also you can also replace it later with not too much trouble.. Naming conventions is key though, I would read up on that.
👤 Blaiz0r
I would not choose any framework, instead creating my own and if possible a component library to support it.

Having good standards to create your CSS (naming conventions and file structure (ITSS) is fundamental, but in the end you will have something that fits so much better than a 3rd party framework.

👤 endisneigh
Why does it matter if the HTML is messy and verbose if it otherwise meets your requirements? You can use Bootstrap without any JavaScript at all, and you could implement Dark Mode via CSS and/or JavaScript.
👤 fedormoiseev
I have the same problem every time I start a new project. I’ve tried Tailwind, but it takes too much time for me to style something normal. Material UI/Vuetify have a lot of shadows which don’t look good. Recently I tried Ant Design (for React, haven’t tried for Vue) and it looks quite good and it’s easy to use.
👤 poletopole
Check out basscss.com. First off, you don't want any framework that uses JS like Bootstrap because if you're using vue or react that really screws things up. Basscss I feel hits the sweet spot that lets you easily develop the look and feel you want vs a canned one.
👤 schwartzworld
https://nostalgic-css.github.io/NES.css/
👤 codegeek
May be you are over thinking. You don't need to use Bootstrap JS. Just use the css and write your own JS in vue. For my project, I use the following :

- Vuejs

- Element UI (for JS components in vue)

- Bootstrap for css

👤 duxup
I think you need to come up with your list of requirements.

- Dark Mode

But beyond that I'm not sure what your requirements are.

👤 the__alchemist
Don't use a framework.
👤 riksucks
tailwind for quick responsive breakpoints