Which CSS Framework do you use and why?
Some new CSS frameworks have been popping up, however Bootstrap is still the most popular. Which one do you use and why?
Some new CSS frameworks have been popping up, however Bootstrap is still the most popular. Which one do you use and why?
Tailwind!
https://tailwindcss.com/
It's amazing. I'm not a designer, but I can create awesome designs quickly. I love not having to fight against the framework, but there's some bits that are a little bit tricky i.e. grids.
Also, no legacy browser support if that's an issue for you.
Tailwind all the way :)
I like Tailwind because it is closer in tone to normal css and overall easier to start with
Also a recent joinee on the Tailwind bandwagon and I can say for sure I’m never coming back!
I have been using Bootstrap for years, but transitioning to Tailwind for our website and SaaS app over the next 12 months.
I like the productivity of building with Tailwind. Though, sometimes I prefer old good vanilla css /sass/less as I find easier to maintain.
I've been using Bootstrap a little bit utility first before Tailwind. Just started a project with TW and development is faster. Seems like a promising framework :)
I have yet to seriously try tailwind. Is there an example where using tailwind is faster (development velocity wise) than bootstrap?
Thanks!
If that’s helpful, I recently remade the UI of the app behind https://monitoro.xyz entirely with tailwind.
You have to login to get an idea though.
(Doing it with bootstrap at the same level of customization would have been a nightmare)
is the site down?
lol no! I forgot to add the full domain 😁
thanks for the catch!
I would say that it's easier to build something in bootstrap with the default styles, but to build something that looks nice is much easier in tailwind.
I decided not to use one since we want flexibility and a super-light app (less than 1 MB packaged and compress). Some of the things that we use in our organization are the following:
I have a question for people that have switched from Bootstrap to Tailwind. I always wondered: if you have a button that appears on multiple places and pages, isn't that really cumbersome with Tailwind?
Bootstrap:
<a class="btn btn-primary">Sign up</a>Tailwind:
<a class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Sign up</a>The Bootstrap one is easy to remember so I can just type it from memory when I need it. The Tailwind is difficult to remember so I'd imagine that you have to look it up every time you need and then copy it paste from a place where you've already defined it?
That's covered here: https://tailwindcss.com/#component-friendly
Nice, didn’t dive deep enough to realize you can codify patterns. Still seems like a lot of extra work though, because I have at least 5 flavors of buttons (primary, secondary, danger, warning, success) and those flavors for multiple components (alerts, badges, text, etc). I’ll stick with Bootstrap :-).
I use a custom one called Blueframe that I put together which uses Normalize
and follows most of the utility class naming of bootstrap, without adding all the fluff. https://github.com/synapse709/Blueframe
For the grid I just use CSS Grid.
I don't use CSS frameworks; but if I have to pick one, it must be Tailwind.
I used bootstrap for all projects. It rich and you can also find amazing themes around to start with... but I think I'll give a try to Tailwind CSS.
Tachyons
Tailwind! As someone has already said, it's amazing. and it isn't opinionated like bootstrap etc.
No framework, just SCSS. Flexbox is love (Unless you want to support < IE 11)
Sometimes vanilla is best!
Material.
It's a great foundation that is advanced and simplistic. You can develop your own style on top of it but always rely on the original principles.
I also like material UI but it feels like it's a design trend that is slowly fading away.
getskeleton.com - sass version, heavily tailored to my needs. I've been using it for a couple of years so I don't have to think when I glue together decently looking layouts that work even on older browsers.
if I'll switch to anything it will be Tailwind.
skeleton looks legit
Never heard of skeleton. Will check it out!
https://mypost.io was built using Skeleton, nearly the same template. I use a CSS framework per project and don't think I've ever re-used the same CSS twice. MyPost was my very first project that taught me about the power of PHP and databases and escalated me into web app development.
As I was finishing up MyPost in PHP 5.6.. it was announced that PHP 5.6 was EOL and PHP 7.0 was now what you should be using... and it wasn't backwards compatible, so all the errors and converting PHP 5.6 to PHP 7.0 taught me a lot about code development. Realizing that PHP 5.6 was old... I could've stuck with it and left it alone, but I knew I'd eventually have to update if I wanted it go anywhere.
The guy who made it worked for Twitter and had plans to update it, but this never happened and it's been years. I'm sure he's just on to better things. But fortunately, Skeleton is "perfect" as is. The style never looks bad.. never gets old.. as it has always been minimal right from the start, and with minimal.. as the years come and go, minimal still remains the most relevant design.
Bootstrap all the way.
Sure, vanilla Bootstrap is pretty boring, but there are some great free themes available from Bootswatch.com
Yes, I also think that even if a much better CSS Framework will come along, Bootstrap will still be largely used because people are used to the workflow, class names etc.
I recently started using tailwind css and I'm loving it. It follows a bit of a different approach than bootstrap. Instead of giving you a bunch of premade elements you have classes that allow you to easily build and customize your elements.
the guy behind the framework is also author of the amazing refactoring ui book so there is that
I use:
I use Bulma CSS, I made a lot with it.
But I can't wait to make something with Tailwind.
A website where I list many CSS frameworks
Https://www.colorsandfonts.com/developer.html under the tab of frameworks.
I got into Bulma lately too, I really enjoy it!
I Liked to so much that I started with this.
https://bulma-expression.firebaseapp.com/
And here are templates.
https://github.com/michael-andreuzza/Free-Bulma-Templates/tree/master/css
checkout atomic css and frameworks like tailwinds or tachyons
It depends on the project. We don't use a framework for Viyo.io, just Sass. For other projects that don't rely as much on custom styling and have a lot of cookie cutter type layout elements (eg. Tables, modals, basic forms and inputs) we use Material UI.
Never understood using frameworks for CSS. Everything I need is easy enough vanilla and more customizable to my own workflow.
This comment was deleted 6 years ago
Have you considered vanilla CSS for layouting?
display grid and display flex can do wonders!
Can you let me know which UI Kit? We at Themesberg also developed UI Kits & Themes and it would help us to know what you find valuable in UI Kits and what more would you like from them :)
This comment was deleted 6 years ago