What are your favourite CSS frameworks so far? ????

• Read original article here

DEV Community
DEV Community is a community of 821,580 amazing developers
We're a place where coders share, stay up-to-date and grow their careers.
Copy link
Copied to Clipboard
Like in the title. What is your favourite CSS framework or stylesheet? Bootstrap? Bulma? Tailwind? Other?
Discussion (54)
Templates let you quickly answer FAQs or store snippets for re-use.
Submit
Things are not always #000 and #FFF
Location
Why Tailwind? What do you like about it? :)
Like comment:
Things are not always #000 and #FFF
Location
Copy link
Hide
The thing that did it for me was the simplicity to understand what's every class usage, since it is usually only for 1 CSS attribute, not multiple packed as one like Bootstrap. Therefore it give us freedom to mix & match almost every Tailwind class available.
If you want a component library and also the easy-to-customize benefit of Tailwind, you can use Tailwind UI, daisyui or tailwindcomponents.com. You get the best of both worlds.
Like comment:
A Canadian software developer who thinks he’s funny. He/Him.
Email
Copy link
Hide
This whole "utility-first" approach is really nice to work with. It doesn't need to be the thing we now use for everything, but it is definitely a step change if you're bought in.
From their home page:
An API for your design system.
Utility classes help you work within the constraints of a system instead of littering your stylesheets with arbitrary values. They make it easy to be consistent with color choices, spacing, typography, shadows, and everything else that makes up a well-engineered design system.
These ideas really do work effectively in my opinion. Tailwind is truly the first framework I've liked at all, in many ways. I see value in Bootstrap for a lot of projects, but the scalable productivity of the utility-first approach is really a big deal, IMO.
Like comment:
Omar Pervez
Follow
I'm Web Designer, and I am very passionate and dedicated to my work. With 4 years experience as a professional Web Developer,
Location
Noakhali Science and Technology University
Work
Front-end Web Developer at PPH
Joined
Copy link
Hide
Tailwinds css has lots of components. I was using this framework on my project about 1 years. It's good.
Like comment:
Omar Pervez
Follow
I'm Web Designer, and I am very passionate and dedicated to my work. With 4 years experience as a professional Web Developer,
Location
Noakhali Science and Technology University
Work
Front-end Web Developer at PPH
Joined
Some advantages that I like about BS:
Components included.
Supports major of all browsers and CSS compatibility fixes.
Like comment:
Eljay-Adobe
Follow
Nerd. Compiled languages: C++, Swift, C#, and F#. Script languages: Python and Lua. Shell language: bash. Platforms: macOS, iOS, Windows.
Joined
So far in the conversation I've seen:
Tailwind
vanilla CSS kept very simple
I'm in the simple vanilla CSS camp.
A vote against OOCSS/BEM. (Not sure what that is.)
No votes for Bulma.
From lack of mention of SASS, I take it that's not popular anymore...?
Like comment:
A freelancer living in France.
Location
OOCSS and BEM are naming conventions for your components rather than actual frameworks.
Like comment:
Andrew Baisden
Follow
????????‍???? Software Developer @CGI_Global ???? Content Creator. Sharing the mindset and content so you work hard to grow stronger than your past self ☯️
Location
Copy link
Hide
Tailwind has become the most popular in my opinion. Bootstrap is pretty good too it was one of the first that I learned.
Like comment:
I watch, study social networks, usability, interaction mechanisms ...
Location
Copy link
Hide
I try not to use them. I write simple css to maintain the purity and control of the code, including for fairly large projects. I used to study almost all the novelties in this field, and learning means doing something on them. But time passed, I was tired, to be honest. I think I can afford it after more than 20 years of practice. Though... in the last project used the Bootstrap icons. :)
Like comment:
Introvert. CS Student, Web Dev, Python.
Email
Copy link
Hide
Bootstrap, the ease and speed it provides while creating frontend is incomparable (for me atleast), though it can sometimes a bit kinda Glitchy to work wuth(custom stuff) but everything has its flaws. 2nd is Sakura css, a no class css framework, just use html and get a good layout, perfect for prototyping a idea quickly.
Like comment:
A small developer with BIG ambitious dreams
Location
Copy link
Hide
I love doing css by hand, where you have the power over everything, I am looking into learning scss to simplify complex css; But i am also planning on using tailwind at some point with its utility class approach, the only criticism is its long class list that will form.
I am planning on making tool where you write your tailwind classes in a css file and it will be compiled to straight css, like scss for tailwind.
Like comment:
Thats already a tailwind feature you can do that today look at @apply
Like comment:
A small developer with BIG ambitious dreams
Location
Copy link
Hide
oh never knew that, but the fun of engineering some thing your self that's already on the market is quite fun
Like comment:
Dan Walsh
Follow
Developer by day, music producer by night. Gaming nerd. Comic enthusiast. All-round good guy. Not as grumpy as everyone says.
Location
Hide
Loving TailwindCSS at the moment. ????
I picked up the utility-first CSS itch with Bootstrap 4, and after reading " In Defense of Utility-First CSS " and switching to TailwindCSS, I don't think I could ever go back to OOCSS/BEM.
I really enjoy interrogating web designs and identifying repeating patterns for abstraction (whether into components or grouped classes), and TailwindCSS makes that a breeze .
I also really like that while TailwindCSS provides you with the entire kitchen sink, your production CSS is tiny as all of your unused styles are automatically purged .
Like comment:
Omar Pervez
Follow
I'm Web Designer, and I am very passionate and dedicated to my work. With 4 years experience as a professional Web Developer,
Location
Noakhali Science and Technology University
Work
Front-end Web Developer at PPH
Joined
Bootstrap is good for mine????. And you?
Like comment:
fwiw. as with anything -- depends on the requirement.
I've looked at a lot.
Once you work with them you realize more and more they are bloatware.
Tailwind takes the approach, give you everything you could possibly need upfront - then take away what you're not using.
Which is good but what if you want to reverse engineer a large project a year later and scale it. not sure. but it's good for UI or even mobile etc.
Bootstrap is seen it's day but it still has a place. Also too much. but it's a good pick up and go universal starting point. It's almost as if Bootstrap should follow the take away what you don't use approach like Tailwind.
if it's too much code for something simple then sometimes the best thing is to just write your own. codepen.io/simonayriss/pen/qBVYVgL or find something minimal and go from there.
Like comment: