ContextQMD
Back to Tailwindcss

Index

src/blog/tailwindcss-v4-beta/index.mdx

latest2.2 KB
Original Source

import { adamwathan } from "@/app/blog/authors"; import card from "./card.jpg"; import { Image } from "@/components/media";

export const meta = { title: "Tailwind CSS v4.0 Beta 1", description: After a long alpha period, we're excited to release the first public beta of Tailwind CSS v4.0., date: "2024-11-21T18:30:00.000Z", authors: [adamwathan], image: card, excerpt: ( <> About eight months ago we{" "} <a href="https://tailwindcss.com/blog/tailwindcss-v4-alpha">open-sourced our progress</a> 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. </> ), };

<Image src={card} alt="Tailwind CSS v4.0-beta" />

About eight months ago we open-sourced our progress 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.

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.

  • 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.
  • Unified toolchain — built-in import handling, vendor prefixing, and syntax transforms, with no additional tooling required.
  • CSS-first configuration — a reimagined developer experience where you customize and extend the framework directly in CSS instead of a JavaScript configuration file.
  • 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.

There's so much more to say, but everything you need to get started is in the new beta documentation we published today:

Get started with Tailwind CSS v4.0 Beta 1 →

Start building and help us bullet-proof this thing for the stable release early in the new year.