dogweather
Can someone sum up the differences between Tailwind and Bootstrap? I did two web searches and skimmed five articles, and they’re all super-spammy.
Is Tailwind less semantic? Does it encourage you to not create your own classes? Is that a problem?
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Deploy Phoenix to your own VPS with PaaS ease: push-to-deploy, zero downtime, auto SSL, managed Postgres. 14-day free trial at potions.io
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ai
- #ecto-query
- #elixirconf-us
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #elixirconf-eu
- #api
- #forms
- #metaprogramming
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Master modern tools, write cleaner code, and tackle real-world challenges.
Bringing learning, work and compliance together since 1987.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 5- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
trisolaran
I can try: Bootstrap is a component library with some utility classes on the side, whereas tailwind is a pure utility library with no components.
With Bootstrap, you get a set of predefined components you can use right away (buttons, modals, cards etc.). Tailwind on the other hand doesn’t have any components, but it makes it relatively easy to build them by offering utility classes, which allow you to style your HTML without having to write almost any CSS at all.
Bootstrap does have some utility classes, but it doesn’t embrace the concept as much as tailwind.
I came to tailwind from bootstrap and I wasn’t very happy initially because, even though I really liked the idea of styling everything using classes, I was missing a set of predefined components I could just use. I don’t like having to style my own buttons, modals and so on.
Luckily, if you want to use off-the-shelf components, there are excellent component libraries based on Tailwind. The best one IMO is daisyui
LostKobrakai
I usually drive the point home with this: Tailwind classes abstract CSS, Bootstrap classes abstract complete and pieces of (prebuild) UI. If the goal is to use CSS features to build UI then Tailwind is great. If the goal is to not need to bother doing that then Bootstrap is likely a better fit. Component libraries like daisy UI are great because it’s usually easier to fall back from the “don’t bother” to “ok I need to bother” state for required customizations than it would be with e.g. Bootstrap.
cjbottaro
Thanks for the DaisyUI link. I’m in the same boat as you, and eventually dropped the money for TailwindUI. But because it’s not open source, you can’t find pre-made Phoenix components for it.
Is there anything like that for DaisyUI? I just wanna
mix deps.get daisy-uior something and be off to the races.cmo
@olivermt is allegedly building one for Daisy.
olivermt
Ooooh I should get it published right after xmas. Just been a nuts period in my dayjob last couple of months