DEV Community

Shivali Pandey
Shivali Pandey

Posted on

Which css framework do you use?

Top comments (29)

Collapse
 
ben profile image
Ben Halpern

I'm a Tailwinds convert. We don't use Tailwinds on Forem, but we have an approach inspired by it — and could some day fully adopt it. But I reach for it in my own things.

If I'm not using that, I'm typically using nothing. I find CSS frameworks to bring a lot of set up burden, so I'll generally go dependency-free if it's a small thing I want to get out the door.

Collapse
 
ajshivali profile image
Shivali Pandey • Edited

Agreed vanilla css is go-to.

Collapse
 
abhinav1217 profile image
Abhinav Kulshreshtha

Pure CSS ( With Sass Preprocessor ). Simple, Minimalist, DRY. As an added benefit, HTML is also cleaner as it does not require unnecessary multiple deeply nested containers.

Collapse
 
ajshivali profile image
Shivali Pandey

Agreed. Classic.

Collapse
 
brandonwallace profile image
brandon_wallace • Edited

I think it is good to learn CSS. It is not that complicated. After that you will not need a CSS framework. Then in the future you have the choice to use a CSS framework if you want or if a job requires that you use one.

Collapse
 
ajshivali profile image
Shivali Pandey

Yeah.

Collapse
 
zwacky profile image
Simon Wicki

I have a plan that I think can work out:

  • use TailwindCSS as a layout/grid CSS framework
  • limit the use of classes (purge.safelist) to only responsive display related CSS classes e.g. max-width, hidden, md:block, lg:flex, ...

while researching for layout/grid CSS alternatives, no library came near the flexibility, tooling of TailwindCSS and size. But I don't want to overwhelm the non-frontend team with yet another tech to learn.

what do you all think of this?

Collapse
 
cloudkungfu profile image
Javel Rowe

I was stuckkkk on Bulma for a while, then I got introduced to Tailwind and I've been using it ever since (a little over a week now to be exact 😅). It felt kinda intimidating at first but I guess it was just one of those things that takes getting used to.

Collapse
 
ajshivali profile image
Shivali Pandey

Tailwind for sure is good

Collapse
 
cat profile image
Cat

I have also went from Bulma to Tailwind!

Collapse
 
cloudkungfu profile image
Javel Rowe

Woot woot! 💯

Collapse
 
pontakornth profile image
Pontakorn Paesaeng

I mainly use WindiCSS. It is Tailwind but not a PostCSS plugin. It's really good for speedrunning development. I also use experimental UnoCSS which is basically WindiCSS but lighter and have less features.

Collapse
 
grimlink profile image
Sean van Zuidam

Depends on the project I am working on, for my work.
For some cases I use Tailwind and other times custom CSS.
Mainly for my own or to mix with other CSS (Framework or Custom), I use my own CSS Framework fylgja.dev/
Like the concept of mixin the power of CSS components with CSS utilities and a little sprinkle of custom CSS where needed.

Collapse
 
ecedenyo profile image
Emerson Cedeño

Lot of Tailwind fans around here, I've tried it but seems to me a little messy all that CSS classes in the HTML... I've been working with Bootstrap (it appears to me pretty interesting nobody has mentioned it yet, any particular reason?, I'm curious! 🤔) and now that they left behind jQuery, even more! (yeah!, it was about time!). But also I enjoy a lot working with vanilla CSS and Sass, working with a preprocessor helps me with DRY, if there is no rush and the project allows it (most of the time this doesn't happens so I keep this for side projects, testing purposes or just for fun on my spare time).

Collapse
 
spotnick profile image
spotnick

I used to use MaterialUI but it gave me a lot of pain for styling and customising. Then I tried styled-components with plain css but again it felt a little bit wrong. Currently I´m using Tailwind and if it doesn't have what I need I write some custom rules. But with Tailwind I'm pretty much set up and I totally like it :-)

Collapse
 
darkwiiplayer profile image
𒎏Wii 🏳️‍⚧️ • Edited

Vanilla CSS. I don't like putting my styling in the HTML, and when I have to take that shortcut, I'll just use inline styles.