Frontend Developer at atSistemas·
Needs advice
on
UIkItUIkItBulmaBulma
and
BootstrapBootstrap

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?

READ LESS
8 upvotes·574.4K views
Replies (7)
Frontend Architect at Aqua Security·
Recommends
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: https://react-bulma.dev/en/getting-started.

    Pros:

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

    Cons:

    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.

    Pros:

    A lot of flexibility to build the components you need

    Cons:

    You are bound to Bulma classes and markup.

    Takes more time since you need to build the components

  3. A utility class framework like: https://tailwindcss.com/.

Pros:

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

Very easy to customize to your needs

Cons:

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.

READ MORE
2 upvotes·364.6K views
Recommends
UIkIt

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. https://github.com/zzseba78/Kick-Off

Maybe it is helpful.

READ MORE
7 upvotes·373.8K views
View all (7)
Avatar of Tomer Fishaimer

Tomer Fishaimer

Frontend Architect at Aqua Security