You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
description: `After a long alpha period, we're excited to release the first public beta of Tailwind CSS v4.0.`,
8
+
date: '2024-11-21T18:30:00.000Z',
9
+
authors: [adamwathan],
10
+
image: card,
11
+
}
12
+
13
+
{/*excerpt*/}
14
+
15
+
About eight months ago we [open-sourced our progress](https://tailwindcss.com/blog/tailwindcss-v4-alpha) on Tailwind CSS v4.0. Hundreds of hours of fixing bugs, soul-crushing backward compatibility work, and troubleshooting Windows CI failures later, I'm excited to finally tag the first public beta release.
16
+
17
+
{/*/excerpt*/}
18
+
19
+

20
+
21
+
About eight months ago we [open-sourced our progress](https://tailwindcss.com/blog/tailwindcss-v4-alpha) on Tailwind CSS v4.0. Hundreds of hours of fixing bugs, soul-crushing backward compatibility work, and troubleshooting Windows CI failures later, I'm excited to finally tag the first public beta release.
22
+
23
+
As I talked about when we published the first alpha, Tailwind CSS v4.0 is an all-new engine built for performance, and designed for the modern web.
24
+
25
+
-**Built for performance** — full builds in the new engine are up to 5x faster, and incremental builds are over 100x faster — and measured in microseconds.
26
+
-**Unified toolchain** — built-in import handling, vendor prefixing, and syntax transforms, with no additional tooling required.
27
+
-**CSS-first configuration** — a reimagined developer experience where you customize and extend the framework directly in CSS instead of a JavaScript configuration file.
28
+
-**Designed for the modern web** — built on native cascade layers, wide-gamut colors, and including first-class support for modern CSS features like container queries, `@starting-style`, popovers, and more.
29
+
30
+
There's so much more to say, but everything you need to get started is in the new beta documentation we published today:
31
+
32
+
[Get started with Tailwind CSS v4.0 Beta 1 →](/docs/v4-beta)
33
+
34
+
Start building and help us bullet-proof this thing for the stable release early in the new year.
0 commit comments