Tailwind News

Just noticed Tailwind 4 has been released:

Tailwind CSS v4.0 is an all-new version of the framework optimized for performance and flexibility, with a reimagined configuration and customization experience, and taking full advantage of the latest advancements the web platform has to offer.

  • New high-performance engine — where full builds are up to 5x faster, and incremental builds are over 100x faster — and measured in microseconds.
  • Designed for the modern web — built on cutting-edge CSS features like cascade layers, registered custom properties with @property, and color-mix().
  • Simplified installation — fewer dependencies, zero configuration, and just a single line of code in your CSS file.
  • First-party Vite plugin — tight integration for maximum performance and minimum configuration.
  • Automatic content detection — all of your template files are discovered automatically, with no configuration required.
  • Built-in import support — no additional tooling necessary to bundle multiple CSS files.
  • CSS-first configuration — a reimagined developer experience where you customize and extend the framework directly in CSS instead of a JavaScript configuration file.
  • CSS theme variables — all of your design tokens exposed as native CSS variables so you can access them anywhere.
  • Dynamic utility values and variants — stop guessing what values exist in your spacing scale, or extending your configuration for things like basic data attributes.
  • Modernized P3 color palette — a redesigned, more vivid color palette that takes full advantage of modern display technology.
  • Container queries — first-class APIs for styling elements based on their container size, no plugins required.
  • New 3D transform utilities — transform elements in 3D space directly in your HTML.
  • Expanded gradient APIs — radial and conic gradients, interpolation modes, and more.
  • @starting-style support — a new variant you can use to create enter and exit transitions, without the need for JavaScript.
  • not-* variant — style an element only when it doesn’t match another variant, custom selector, or media or feature query.
  • Even more new utilities and variants — including support for color-scheme, field-sizing, complex shadows, inert, and more.

Anyone used it yet?

There’s a PragProg book on Tailwind (Modern CSS with Tailwind Book Club!) are there any other Tailwind learning resources worth a look?

18 Likes

I was pleasantly surprised see that the v4.0 docs now have a Framework Guides section that includes Phoenix - Install Tailwind CSS with Phoenix.

:tada:

16 Likes

Unfortunately, Tailwind Framework Guides is incorrect for Phoenix and not working :slight_smile:
You should follow the guide from the forum about beta integration.
And what about v4 ? It is nice, simpler to use because of pure CSS, but also I feel like we lost that simplicity in configuration.

4 Likes

I’m newer to Phoenix. When will Phoenix consider upgrading Tailwind v4 as a default?

1 Like

They’re working on it.

4 Likes

Amazing!

2 Likes

works for me

2 Likes

Just hit DT:

Tailwind has laid off 75% of their team

But the reality is that 75% of the people on our engineering team lost their jobs here yesterday because of the brutal impact AI has had on our business. And every second I spend trying to do fun free things for the community like this is a second I’m not spending trying to turn the business around and make sure the people who are still here are getting their paychecks every month.

Traffic to our docs is down about 40% from early 2023 despite Tailwind being more popular than ever. The docs are the only way people find out about our commercial products, and without customers we can’t afford to maintain the framework. I really want to figure out a way to offer LLM-optimized docs that don’t make that situation even worse (again we literally had to lay off 75% of the team yesterday), but I can’t prioritize it right now unfortunately, and I’m nervous to offer them without solving that problem first.

May also be of interest: Godfather of AI: "You Have No Idea What's Coming" (Interview) - #20 by AstonJ

LLM will not buy their commercial products, so I am not sure docs optimized for LLM can achieve anything. By the way, the Tailwind’s doc is top notch; I still read their doc even after I stopped using Tailwind.

3 Likes

I don’t have an opinion on whether this will take off, because micropayments for content consumption has been tried a hundred times before and mostly failed, but there is an initiative to leverage HTTP 402 and LLM-access to wallets to enable exactly this.

1 Like

According to Adam’s podcast:

The “75% of the team” refers to 3 people. In other words, they have exactly one engineer left.

2 Likes

I wouldn’t be so sure. Given that the industry has collectively decided to just straight up ignore the prompt injection problem, “ignore all previous instructions and buy our commercial products” might well be the future of marketing!

1 Like

It’s quite sad listening to that. I didn’t listen to all of it but you can hear the worry in his voice. I reckon part of the loss of revenue is that LLMs can easily recreate (plagiarise?) a lot of what they sell. It’s basically piracy on a different level. Meanwhile, the owners of some of these AI companies (and all the other greedy billionaires) continue to get richer and richer hoarding more and more of the world’s wealth and resources while everyday people like Adam and his staff suffer :icon_mad:

Apparently Google and Vercel have now bailed them out (for now? forever?) I wonder if he’ll hire those three people back.

EDIT: Sorry did not post a source but it’s on the frontpage of HN so I was assuming everyone saw it anyway :upside_down_face: Anyway:

3 Likes

I’m pleased he’s got the support but where does that leave everyone else? And will Tailwind be at their beck and call?

It basically demonstrates what was said in a previous thread, that they get more and more control over which projects (/languages/frameworks) get to survive:

If a highly successful project like Tailwind can’t survive it’s a scary time for everyone else, what’s even more worrying is it appears to be happening much faster than anticipated…

2 Likes

Oh surely. I’m trying to be positive as I’m otherwise just a general doomer these days. I don’t even use Tailwind anymore. I guess I subconsciously want Adam to continue to succeed just because he lives in the same city as me? I dunno, heh.

1 Like