Frontend Developer at atSistemas·
Needs advice

I'm building, from scratch, a webapp. It's going to be a dashboard to check on our apps in New Relic and update the Apdex from the webapp. I have just chosen Next.js as our framework because we use React already, and after going through the tutorial, I just loved the latest changes they have implemented.

But we have to decide on a CSS framework for the UI. I'm partial to Bulma because I love that it's all about CSS (and you can use SCSS from the start), that it's rather lightweight and that it doesn't come with JavaScript clutter. One of the things I hate about Bootstrap is that you depend on jQuery to use the JavaScript part. My boss loves UIkIt, but when I've used it in the past, I didn't like it.

What do you think we should use? Maybe you have another suggestion?

8 upvotes·1M views
Replies (7)
Frontend Architect at Aqua Security·
Tailwind CSS

Actually it really depends on your needs, there are 3 types of UI frameworks you can use:

  1. A complete set of UI components like:


    Having a lot of pre-built UI components saves a lot of time


    need to learn the react framework and the bulma styles, and it's harder to customize to your needs

  2. A pure css framework, like Bulma, where you write all the components yourself.


    A lot of flexibility to build the components you need


    You are bound to Bulma classes and markup.

    Takes more time since you need to build the components

  3. A utility class framework like:


Most flexible, mix and match classes as you like and build your own markup

Very easy to customize to your needs


Might take time to get used to and takes more time since you need to build the components

If you choose options one, then it's just a matter of deciding what style you like (material,ant, bulma) and go with the library that implements it If you go with pure css and build your own components, I can't recommend tailwind enough, I've been finding myself building entire pages without writing a single line of css.

And if later on, the designer wants to make a change to some color, or size, I just need to change one value in the config file, and the entire app is updated.

2 upvotes·547.5K views

I have used bulma in several projects. We could not customize with the websites very well. Also when we need "quick solutions" Bulma is not suitable (I mean basic animations, to-top buttons, transparent navbar solutions etc. For these solutions, you need extra js codes).

Everybody knows about Bootstrap (heavy but popular).

Now we start a new project with UI kit, I like it. Pros: It is fast and lightweight and imho it has very good UI. Cons: Small community. Documentation.

Check this link for kick-off.

Maybe it is helpful.

7 upvotes·557.4K views
View all (7)
Avatar of Tomer Fishaimer

Tomer Fishaimer

Frontend Architect at Aqua Security