13
34 Comments

Bootstrap vs Tailwind vs Bulma

submitted this link to Icon for group Developers
Developers
on April 4, 2021
  1. 5

    I've been using tailwind for a few years and I love it. but you do end up with hundreds of classes on your html elements that can get really crazy over the top.
    think there are ways to clean these up that I haven't yet looked into

    I also paid for tailwindui (their pre made components) and use them as a start point which has saved me a lot of time

    1. 5

      You can use @apply to keep things clean.

      1. 2

        Thanks @emredemirel tried this out and it's even easier than I thought it would be. should have looked that up ages ago!

        1. 6

          Not your mistake, Tailwind did a poor job explaining the power of @apply.

          1. 3

            I use @apply to keep all the tailwind classes neatly encapsulated in SCSS files. It seems like an elegant solution, but the fact that tailwind never promotes this approach makes me wonder if this is an anti-pattern?

            1. 1

              Thats a good point, maybe they don't want it to be over used.

          2. 2

            Agreed.
            I use @apply all the time to keep things clean in my projects

    2. 3

      I often wrap everything up in a Vue component as well. Say if you have a Card component. Instead of using apply I wrap this in a Card.vue. Now I have both html, and javascript and everything in one component.

      This can work with for example buttons as well. Adam has talked about it here https://www.youtube.com/watch?v=3OdRwZu0FQU

    3. 1

      Exactly my thoughts as well!

  2. 4

    Bulma all the way in

  3. 3

    I dabbled in Tailwind, but ultimately stayed with Bootstrap, even if I ignore the Tailwind learning curve. The problem I found was that it takes much longer to get something up and running quickly with Tailwind. Everything's from scratch, where Bootstrap has tons of components out of the box. And if you build the Bootstrap Sass files, you can completely customize the look and feel with just a few lines. I think Tailwind's value prop is the utility classes, which Bootstrap also has. It seems like Tailwind has started adding pre-built components, but at that point, why not just use Bootstrap, with its robust components?

    I guess Tailwind's value prop just didn't resonate with me. It's gonna take something big to get me to switch from a tool I've been using for about a decade, and has no fundamental problems. Anyone care to change my mind?

    1. 1

      Tailwind takes a lot of time if you are writing classes yourself. If you want to use ready-made templates it's a great time saver but if you are writing everything from scratch it will consume a lot of time.

      1. 1

        I think that's why I'm not getting their value prop. Their whole thing is the ability to customize, which takes lots of time. If I want to use templates, then I don't care about customization, so I might as well use Bootstrap. It just seems to me like the target audience is groups that have plenty of UI resources, like dedicated UI engineers (who know and apply software engineering practices, in order to make the software easily changeable and maintainable) and designers. But if you're a small startup with a handful of generalists, then Bootstrap is the way to go.

        1. 1

          If you are productive, stay with bootstrap. Customers will never know the difference though :)

  4. 3

    I've been using TailwindCSS ever since a friend of mine showed it to me.
    At first, seems quite boilerplaty as the markup tends to grow assigning classes (I use VUe) compared to some others but after understanding the philosophy I LOVE it. You feel like some Hollywood hacker just thinking of something and you just build it. I don't see myself changing anytime soon.

    1. 1

      Great for short-term, mid-term projects, disadvantages when you need to build large-scale applications and long-term maintenance. That's my opinion.

      1. 1

        Please do expand, would love to understand your concerns, I might be missing something!

  5. 3

    I've been using Chakra UI recently and have been very impressed by it. It's like a mix between Tailwind and Rebass.

    1. 1

      Interesting, never heard of it. I'll check it out.

  6. 3

    Tailwind checks the boxes I need in all cases. I haven't used any other in last 8 months.

  7. 2

    Tailwind is extremely indie-hacker-friendly.
    The one thing tailwind excels at is the WYSIWYG copy-pasted code
    As an indie hacker, you have to post a lot of things. The time tailwind saves can be put to use for another critical task.

    https://www.yellowuncle.com/ is only possible because of tailwind. I have not written a single extra CSS line.

  8. 2

    damn. that december / jan dip.

  9. 1

    Bulma. I can never, ever go back to anything else (other than doing 100% custom styles if I really had to).

  10. 1

    I used to use Bootstrap but I always found it to be complicated with any slight complex layouts to make it work on both mobile or desktop without needing tonnes of divs wrapping an element to make it work.

    I recently switched to Tailwindcss for all my projects as find it so much simpler to create responsive layouts that bootstrap.

  11. 1

    i've used tailwind a bit lately and it seems fine-ish, if super-wordy.

    the arguments for it - that it has utility classes or something, and that it makes customization easy - don't mean a lot to me - b/c i don't now what utility classes are, and i would never intentionally customize anything. maybe a hired designer i hired would.

    not sure what the problem was with bootstrap.

    i do remember something about media queries - are they specific to bootstrap? never could figure those out.

    but right now, since i'm using the latest laravel, i seem to be tied to tailwind, even if i'm allegedly not tied to tailwind.

    i just checked out bulma - i like the column thing - seems like it 'just works'.

    i've always thought css was the most difficult comp sci concept any modern dev would have to learn - right after git.

    so i like the idea of css that doesn't require a phd to understand.

    i also tried out some of those 'learn css by playing games' games -- like froggy whatever -- those things are awesome.

  12. 1

    Came from Bootstrap, switched to vanilla CSS for a while, then tried TailwindCSS. I absolutely hated it in the beginning—particularly how messy using a bunch of utility classes can look—but now it's my go-to choice. TailwindCSS provides such a fast workflow and incredible amount of flexibility.

  13. 1

    Tailwind for life ✌️

  14. 1

    I just started a new project and I went with Tailwind. What I like most is that it seems really flexible - though I'm still in the beginning. So far so good though.

    Previously I've been using MaterializeCSS but I always struggled with it.

  15. 1

    I love UIkit – http://getuikit.com. Really lightweight and easy customizable. Has anyone used it? Also thinking move to Tailwind and try it out.

  16. 6

    This comment was deleted 3 years ago.

    1. 2

      I think that Tailwind CSS is great for fast development, but it's harder to maintain.

      1. 3

        This comment was deleted 3 years ago.

        1. 3

          I am trying Tailwind right now and I agree with you. I hoped it's great for prototyping, but I am a bit disappointed.

Trending on Indie Hackers
I spent $0 on marketing and got 1,200 website visitors - Here's my exact playbook User Avatar 52 comments Veo 3.1 vs Sora 2: AI Video Generation in 2025 🎬🤖 User Avatar 26 comments I built eSIMKitStore — helping travelers stay online with instant QR-based eSIMs 🌍 User Avatar 20 comments Codenhack Beta — Full Access + Referral User Avatar 20 comments 🚀 Get Your Brand Featured on FaceSeek User Avatar 18 comments Day 6 - Slow days as a solo founder User Avatar 16 comments