Ask HN: Which CSS Framework to Choose?

#1

Post by deccanchargers » Thu, Apr 29, 2021, 12:05 PM UTC

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.

Re: Ask HN: Which CSS Framework to Choose?

#2

Post by prox » Thu, Apr 29, 2021, 12:09 PM UTC

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.

Re: Ask HN: Which CSS Framework to Choose?

#3

Post by KMnO4 » Thu, Apr 29, 2021, 12:20 PM UTC

Asking what framework to use is like asking what kind of haircut to get. It depends on what you want it to look like.

Re: Ask HN: Which CSS Framework to Choose?

#4

Post by Blaiz0r » Thu, Apr 29, 2021, 12:30 PM UTC

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.

Re: Ask HN: Which CSS Framework to Choose?

#5

Post by codegeek » Thu, Apr 29, 2021, 1:38 PM UTC

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

Re: Ask HN: Which CSS Framework to Choose?

#6

Post by poletopole » Thu, Apr 29, 2021, 3:03 PM UTC

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.

Re: Ask HN: Which CSS Framework to Choose?

#7

Post by the__alchemist » Thu, Apr 29, 2021, 5:54 PM UTC

Don't use a framework.

Re: Ask HN: Which CSS Framework to Choose?

#8

Post by duxup » Thu, Apr 29, 2021, 6:01 PM UTC

poletopole wrote: post #6

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.

For the record you can use bootstrap, without the JS.

Re: Ask HN: Which CSS Framework to Choose?

#9

Post by duxup » Thu, Apr 29, 2021, 6:03 PM UTC

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.

Re: Ask HN: Which CSS Framework to Choose?

#10

Post by deccanchargers » Thu, Apr 29, 2021, 6:37 PM UTC

duxup wrote: post #9

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.

- Themable

- Simple

- Doesn't make HTML too verbose

- Isn't Dead

- Easy

- Modern(legacy support must not be obstacle towards adopting modern features)