I have. It's essentially a write-only DSL for CSS that, were you to group it via @apply or similar, you have reinvented CSS classes. In fact I had a huge thread discussion on HN about this:
What I really think you're saying is that Tailwind is a huge time saver when it comes to design, and compared to your past experiences translating designs to CSS it felt like a net win.
A lot of people disagree with Tailwind's design philosophy on both the developer and consumer side of the code (i.e. DX and UI), so it's questionable what "real project" and "time saver" really mean; ironically, I question that your definition of "real project" even included a team with design chops.
I like Tailwind, but I like it precisely as a non-frontend person working on side projects: it lets me iterate quickly without a deep knowledge of CSS (while at the same time providing an introduction to modern CSS).
I can see how that would also be a benefit to a "SAAS starter pack" where you have a small team wearing many hats, probably people with a familiarity with CSS but not experts. The code base in these early stage startups and side projects is going to be small and you want to move quickly. Tailwind is great at that.
However if you have a frontend team of CSS experts to draw upon, the benefits of Tailwind are fewer and the downsides are greater - your CSS people will not enjoy having your classes named things like "px-2 py-1 rounded border bg-blue-800 text-white font-bold hover:bg-blue-500" rather than just "btn btn-primary". They can iterate fast anyway and they will probably leave more maintainable HTML and CSS/SCSS in the long run.
However I'd still be interested if any large teams (with correspondingly large code bases) have made Tailwind work for them.
> ironically, I question that your definition of "real project" even included a team with design chops
“No, you have never worked on a real project!” :)
Both can be real projects, without quotation marks. I’m constantly surprised that there are so many different ways and processes to build a website; and people who think theirs is the best.
Indeed, personally I would never open a conversation with that, but I believe this is someone gussying up their personal hobby project where they learned how to use a CSS framework into a "real project" while they denigrate someone else.
If we're going to discard some projects as real, a pretty easy filter is "were multiple people required to build it". People who need Tailwind to provide their design system like Tailwind, but they are usually working on very small-scale projects they're unlikely to maintain and upgrade like a project with real users, real design, and multiple engineers would. And a pretty easy proxy for the latter type of shop is "do you have people who aren't even front-end engineers doing your design", and that commenter was displaying all those signals to me.
Anecdotally, I can tell you that Tailwind is heavily favored by shiny designery startups. Many of the best designed websites these days are built with Tailwind, and design-oriented engineers are reaching for it first.
Back in 2018 I was arguing against utility classes and vetoing their use in projects I was involved with in favor of thoughtfully architected SCSS. By now in 2023 it's clear Tailwind has earned its place in high-end UI development.
Your first example implies "The New York Times" uses Tailwind. Besides that being hilarious, you click the link and immediately see there is a big subheading "Events"
I have never heard of NYT "Events", so I checked out their page:
> Do you believe that [The New York Times Events doesn't] have teams with "design chops"?
Yes, yes I do.
Not really going to bother with the rest, you're joking if you think these top corps meaningfully rely on this 2-year-old CSS framework. I exactly believe that you're linking me to things thrown together quickly by a resource-strapped team, the "Events" example merely affirmed it
Edit: I sort of bothered
* GitHub Next - splash page
* Shopify - marketing page
* Google IO - marketing page
* Microsoft .NET - marketing page
* Netflix Global Top 10 - marketing page
* New York Times Events - extremely basic
* OpenAI - Attention grabber, but... the homepage didn't even use full width of nor center content in my 1440p display. Not exactly a UI-driven success
* Mashable, The Verge - Pretty bad websites.
This is my point. People use Tailwind to slap together something good looking and simple. They don't use it to build applications because you make your own design system for applications.
I agree. The main uses of Tailwind are people making template-based pages, or putting up informational offerings in front of service-oriented businesses which give people APIs to build their own apps on.
I don’t think anyone is typing out every link at this point.
Html is split into components or views or partials. Links are inside loops etc.
You save time every time you don’t have to think about coming up with a new class name or how it might affect the hierarchy.
I totally understand it feels weird to begin with but on a major project you never worry that your css tweaks might affect some other obscure part of the site.
