Latest Updates

We just released Tailwind CSS v4.0 — 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.

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.

在过去的几个月里，我们一直在为 Tailwind UI 开发一个新的 SaaS 营销站点模板。它叫做 Radiant，您现在就可以开始使用它了。

我们刚刚发布了 Headless UI v2.1 for React，它大大简化了我们的过渡 API，并增加了对渲染多个对话框作为兄弟元素的支持。

我们刚刚发布了新版本的 `prettier-plugin-tailwindcss`，它支持在排序时移除不必要的空格和重复的类。

自发布开发预览版以来,我们刚刚发布了 Catalyst 的第一次重要更新,新增了两种应用程序布局、导航栏和侧边栏组件、描述列表等功能。

没有什么比使用自己的工具构建真实的东西更能找到改进方法了。在过去几个月里，我们一直在开发Catalyst， 我们对 Headless UI 进行了许多改进，让您可以编写更少的代码，并使开发者体验更好。

我们正在招聘设计工程师和高级软件工程师，一起开展一些雄心勃勃的新项目。两个职位都是完全远程的，年薪为 275,000 美元。

Last summer at Tailwind Connect I shared a preview of Oxide — a new high-performance engine for Tailwind CSS that we've been working on, designed to simplify the developer experience and take advantage of how the web platform has evolved since Tailwind was first released.

今天就是这一天 — 我们刚刚发布了 Catalyst 的第一个开发预览版，这是我们第一个完全组件化、功能齐全的 React 应用程序 UI 套件，正好赶上您的假日黑客编程时光。

There's nothing like building a major new product for finding all the features you wish you had in your own tools, so we capitalized on some of that inspiration and turned it into this — Tailwind CSS v3.4.

我们刚刚发布了 Heroicons v2.1，其中包含一个全新的 micro 风格 — 一整套近三百个专为更紧凑、更高密度 UI 设计的 16×16 图标。

我们刚刚发布了 Studio — 这是我们过去几个月为 Tailwind UI 开发的一个漂亮的新机构网站模板。

上个月,超过 200 人在我的家乡安大略省剑桥市聚集在一起,交流经验,探讨工作,并一窥我们正在开发的一些新项目。

在过去的四个月里,我们在 Tailwind UI 上投入的工作可能比以往任何时候都多,现在终于完成了我们计划要实现的目标,我很兴奋地向大家展示这一切。

Tailwind CSS v3.3 is here — bringing a bunch of new features people have been asking for forever, and a bunch of new stuff you didn't even know you wanted.

经过数月的制作,我很高兴终于发布我们的下一个网站模板 — Protocol,一个用于构建令人惊叹的 API 参考网站的精美起点。

Well it's that time again! The time where we quickly go from "I really have no idea what we could even add to a new Tailwind release" to "wow, well this is actually a ridiculous amount of new stuff — we better tag a release before things get completely out of hand".

我们刚刚为 Tailwind UI 发布了一个令人惊叹的新个人网站模板,从头开始重新设计了 Heroicons,发布了带有一些令人兴奋的新功能的 Headless UI 新版本,以及更多内容。

关于我们刚刚发布的全新 Tailwind UI 模板、Tailwind CSS 官方工作板以及未来几周即将推出的一系列新项目。

当我还是一个编程新手时,我很喜欢关注 thoughtbot。他们一直在写有趣的编程文章,制作很棒的屏幕录像。

自从我们发布 Tailwind CSS v3.0 以来已经大约六个月了，即使从那时起我们一直在代码库中收集许多小的改进，但我们仍然没有那个功能 让你说“好吧，是时候发布了”。

已经有一段时间没有写过我们在做什么了,所以我有很多要分享!说实话太多了 — 促使我发布这个更新的主要原因是我们下周还有更多内容要发布,而在分享那些内容之前,我觉得我必须先分享我们已经发布的内容。所以穿上你的泳装,坐在躺椅上,准备沐浴一下 CSS 的阳光吧。

我们刚刚发布了 Headless UI v1.5，其中包括一个全新的 Combobox 组件。Comboboxes 类似于 select 控件，但具有自动完成/提前输入功能。

人们一直在讨论在 Tailwind 项目中最好如何排序实用工具类的问题，这已经至少持续了四年。 今天，我们很高兴地宣布，随着我们发布 Tailwind CSS 官方 Prettier 插件，您终于可以不用再为此烦恼了。

Today we're announcing the next version of the Tailwind CSS Typography plugin, which brings easy dark mode support, a brand new customization API, and the `not-prose` class I wasn't sure we'd ever figure out how to support.

Tailwind CSS 是用 JavaScript 编写并以 npm 包形式发布的，这意味着你一直需要安装 Node.js 和 npm 才能使用它。 今天我们宣布推出新的 独立命令行工具，让你可以在一个独立的可执行文件中使用完整的 Tailwind CLI 功能 — 无需安装 Node.js 或 npm。

Tailwind CSS v3.0 is here — bringing incredible performance gains, huge workflow improvements, and a seriously ridiculous number of new features.

经过近6个月的开发，我们终于发布了 Tailwind UI 电商组件库 — 这是自2020年2月首次发布以来的第一个全新组件套件。

我们刚刚发布了 Headless UI v1.4，其中包括一个全新的 Tab 组件，以及用于更轻松地手动关闭 Popover 和 Disclosure 组件的新 API。

说实话我们并没有真正计划这次发布,但是过去几周我们一直在向 Tailwind 中添加新的激动人心的功能,现在似乎是合适的发布时机了,所以这就是它 — Tailwind CSS v2.2!

去年我们发布了 Tailwind UI —— 一个使用 Tailwind CSS 构建的专业设计 UI 示例库。 到目前为止，Tailwind UI 中的所有示例都是纯 HTML 格式，这可以说是所有 Web 开发人员的最低公约数，使其可以适配任何模板语言或 JavaScript 框架。

去年秋天我们宣布了 Headless UI， 这是一个完全无样式、完全可访问的 UI 组件库，专为与 Tailwind CSS 完美配合而设计。 今天我们非常兴奋地发布 Headless UI v1.0，它为 React 和 Vue 两个版本都增加了一倍多的组件。

自 Tailwind CSS v2.0 以来的第一个新功能更新终于到来,并且包含了很多很酷的新特性!我们将新的 JIT 引擎合并到核心中,添加了一流的 CSS 滤镜支持,添加了混合模式工具类等等。

一年多前，我们发布了第一个版本的 Heroicons，这是我们与 Tailwind UI 一起设计的一套精美 UI 图标。从那以后，我们添加了大量新图标，并设计和推出了专门的网站体验。今天我们很高兴最终发布 Heroicons v1.0，其中包括两种风格的 450 多个免费图标、官方 React 和 Vue 库以及 Figma 资源。

多年来，我们在改进 Tailwind CSS 时遇到的最大限制之一就是开发环境下生成的文件大小。如果对配置文件进行了足够多的自定义，生成的 CSS 可能达到 10MB 或更多，而构建工具甚至浏览器本身能够舒适处理的 CSS 是有限的。

多年前，我收到 Steve 的一条消息，内容大致是：“我之前有没有和你分享过这家伙的 Dribbble 个人资料？我一直在关注他，他的一些作品绝对是我见过的最喜欢的。”我以前有没有和你分享过这个人的 Dribbble 个人资料？一直在关注他，他的一些作品是我发现的最喜欢的。”那个人就是 James McDonald，今天我们非常激动地宣布 James 将全职加入我们的团队。

今天我们很高兴发布 Tailwind CSS: 从零到生产,这是一个新的截屏系列,教你如何从零开始使用 Tailwind CSS v2.0。

去年夏天，我们开始与 David Luhr 合作，以项目为基础帮助我们开发Tailwind UI 的 Figma 版本（即将完成！），并利用他在构建 Tailwind UI 模板时的可访问性专业知识，确保我们遵循最佳实践并提供适用于所有人的标记，无论他们使用什么工具浏览网络。乎准备好了！），并利用他的无障碍专业知识在构建 Tailwind UI 模板时，确保我们遵循最佳实践并提供适用于所有人的标记，无论他们使用什么工具浏览网页。

想象一下，您正在实现一个您或团队中的某人在 Figma 中精心制作的漂亮设计。您已经完美地处理了每个断点的不同布局，完善了空白和排版，使用的照片也让设计栩栩如生。

看起来完全惊艳 — 直到您将其连接到实际的生产内容，并意识到您漂亮的博客卡片网格崩溃了，因为，当然，真实的文章摘要并不会神奇地都恰好是三行长，现在每张卡片的高度都不一样了。

听起来很熟悉吗？如果是这样，line-clamp 插件来拯救您了。

在差不多 18 个月前,我们发布了 Tailwind CSS v1.0,这标志着我们在保持稳定性的同时,会继续在每个小版本更新中突破边界,带来令人兴奋的新功能。

我们刚刚发布了 Tailwind CSS v1.9,它增加了配置预设支持、实用的新 CSS Grid 工具类、扩展的圆角/旋转/倾斜尺度、有用的可访问性改进等等!

要充分利用 Tailwind，您需要一个构建步骤。这是能够自定义您的 tailwind.config.js 文件、使用 @apply 提取组件或包含 插件的唯一方法。

在构建现代 Web 应用程序时，最大的痛点之一就是构建自定义组件，如选择菜单、下拉菜单、切换开关、模态框、选项卡、单选按钮组 — 这些组件在不同项目之间非常相似，但又从未完全相同。

自从我们上次发布任何截屏视频以来，Tailwind 中添加了许多很酷的东西，所以我们认为录制一个小系列来介绍所有新添加的内容将是一个好主意。

Tailwind CSS v1.8 现已发布,包含一些新的工具类、一些新功能和一个令人兴奋的新实验性功能!

今年二月，我们发布了 Tailwind UI，这是一个 HTML 组件示例目录，旨在让您将其复制并粘贴到您的 Tailwind 项目中，作为您自己设计的起点。

几个月前我们悄悄发布了 Heroicons，这是一套我们最初为支持 Tailwind UI 中的组件而设计的免费 SVG 图标。今天我们推出 Heroicons 官方网站体验，让搜索图标并将它们作为 Tailwind 就绪的 HTML 或 JSX 快速复制到剪贴板变得比以往更加容易。

又一个新的 Tailwind 版本来了！这次带来了渐变支持、background-clip、对使用 @apply与变体工具类的实验性支持，以及更多功能。让我们一起来看看！

五月份，我们发布了 我们的第一个职位公告 来帮助我们找寻一位全栈开发人员加入我们的团队。在收到近 900 份申请并面试了数十位优秀人才后，我们很高兴最终宣布 Robin Malfait 接受了我们的职位邀请，并从今天起正式成为 Tailwind Labs 团队的一员！

就像 Tailwind CSS v1.5，但现在有了动画支持、overscroll 工具类等更多功能！

今天我们非常兴奋地宣布 Simon Vrachliotis 已加入 Tailwind Labs 的开发团队！（顺便说一下，我们刚刚确定了这个新的公司名称，很酷对吧？）

早在 6 月，Brad Cornes 就作为我们的第一个团队成员加入了我们公司。 那时我们还没有博客来宣布它，但迟到总比没有好，对吧？

我本想为 v1.5.0 准备一些真正令人兴奋的内容，但我们需要一个新功能来支持新的 @tailwindcss/typography 插件，所以管它呢，我们提前发布一些新东西给你。

在此之前,使用 Tailwind 来给文章、文档或博客文章设置样式一直是一项繁琐的任务,需要对排版有敏锐的直觉并编写大量复杂的自定义 CSS。
这就是为什么今天我们很高兴发布 @tailwindcss/typography — 一个让你能轻松为原生 HTML 内容添加漂亮排版默认样式的插件。

作为一个团队，我们相信我们制作的每一件事都应该 以一篇博客文章来封印。 强迫自己为每个项目写一篇简短的发布文章作为内置的质量检查，确保在我们觉得舒服地向世界宣布它之前，永远不会称一个项目"完成"。

今天我们发布了 Visual Studio Code 的 Tailwind CSS IntelliSense 扩展 的新版本，为您的 CSS 和标记添加了 Tailwind 特定的代码检查。