What CSS Framework do you use?
Hello indiehackers!
I was wondering what CSS frameworks you are using. I am currently using TailwindCSS (with TailwindUI) for my project, but it became a bottleneck somehow, as there's quite some extra work to do for frameworks like Angular and also I feel like my component code looks more bulky than it should be.
So, what do you use? Why do you use it and what for? Do you use any themes with that? (i.e. Bootstrap with Dashkit)
I'm using Tailwind CSS as well, although I'm pretty happy with it. Seems to be the go to choice for just about everyone these days.
I'd be curious to hear more about this, and how you think a different framework would be less of a bottleneck?
Tailwind is great, especially TailwindUI, but the main problem for me are "native" bindings for Angular. I can't just use a dropdown or modal how they describe it - Instead I have to set up my own directive with portals to render the generated components with ComponentFactory (TLDR: It's a ton of work for a simple thing). Whereas, when I use bootstrap, I just use something like ngx-bootstrap or ng-bootstrap and I can use modals, dropdowns and many more things right away.
So the main problem for me is development speed - Once I sit down and create these directives one time, it's all solved and I'll fall in love with it again.
I also use Tailwind + TailwindUI.
I'm not familiar with Angular (though had previously used AngularJS greatly). Currently use React or Vue or Svelte (depending on the job).
I haven't had issues with any of those, so may just be an Angular thing? I highly suspect there's a solution for it, I can't see everyone (who uses Angular) doing a lot of extra work to accommodate it.
A (really) quick search turned up this https://www.npmjs.com/package/ng-tailwindcss which appears to be aimed at solving this problem.
This just solves the pain of setting up TailwindCSS in an Angular, but still doesn't solve the problem that I have to create custom directives to use Modals and Dropdowns with their animations (Talking about TailwindUI here)
Can't you implement this component once and reuse it?
I see.
I'm using https://bulma.io/ and I really like it. Found it when I was tired of building yet another app that has Material or Bootstrap look & feel.
✋I've been a happy Bulma user for quite some time... and I can't get the hype around Tailwind. All that repetitiveness would make me mad :).
upvote for Bulma - a happy user here.
Wow, sounds like everyone is using Tailwind.
For my current project GetGitMe, I decided to not use a framework (yet). I'm using styled-components in this React project and just manually adding in CSS.
I've designed most of my components on Sketch, so I just copy and paste the CSS attributes from Sketch into my components.
Usually just styled-components. Plan on trying Tailwind soon, but I'm also hesitant from a code readability point of view.
TailwindCSS is so comfortable to use and it's also very popular these days. I also like Material-UI a lot.
None. (other then a CSS reset)
I previously used Bootstrap 3 / 4, but I eventually came to the realization that CSS improved with Flexbox and Grid and that my HTML markup ended up way more complex then needed. It wasn't saving much time and after handling all CSS myself (besides the reset) I have become a lot more efficient at CSS and attempt more complex designs that aren't framework friendly.
Tailwind and coupled with Styled Components!
TailwindCSS with TailwindUI
I use https://milligram.io/ mainly because it shipped with Phoenix framework and I was too lazy to changed it.
Tailwind
I use tailwind because it’s simple and for me anyway it’s easy to cut down on the final file size since each class doesn’t depend on other classes
Bootstrap customized with scss https://getbootstrap.com/docs/4.0/getting-started/theming/
I use BlueprintJS, it's a React components libary though, but technically it's all built using CSS. I like because it's such a powerful and complete UI kit, with all the components you can think of, beautiful animation. The package size is also very reasonable, the design is minimal, too. One shortcoming is it's built for desktop app, it isn't really responsive for mobile.
I have used Bulma, B5 and now Tailwind.
In fact I am working on a product for Tailwind users.
New-wicked.netlify.app.
I am reworking it because of lack of users for Bulma as you can see on v1 of Wicked Templates...
Otherwise have you tried yogurtcss.netlify.app ?
On Red Goose I’m using the Toucaan CSS framework (https://toucaan.com). I like to keep my css small so no bootstrap or tailwind or bulma for me.
I'm using TheSaaS (which is using Bootstrap) for Formito.com.
Built for e-commerce, but they do a good job: https://polaris.shopify.com/components/get-started
Tailwind CSS :D
Yeah I'm using TailwindCSS too. Until recently my default go to CSS framework was bootstrap but what I didn't like about bootstrap is that you can always tell it's bootstrap. I think it applies too many of it's own styles. I can knock up layouts really quickly with Tailwind and then just create reusable components when I spot duplication.
I also really like the fact that used with the purge option I end up with a minuscule CSS file that's a few KB's in size.