最新更新

我们刚刚发布了 Tailwind CSS v4.0 —— 这是一个全新的框架版本，针对性能和灵活性进行了优化，具有重新设计的配置和自定义体验，并充分利用了 Web 平台提供的最新进展。

大约八个月前，我们 开源了我们在 Tailwind CSS v4.0 上的进展。经过数百小时的修复错误、令人沮丧的向后兼容性工作以及解决 Windows CI 失败问题，我很高兴终于标记了第一个公开测试版发布。

在过去的几个月中，我们一直在为 Tailwind UI 开发一个新的 SaaS 营销网站模板。它被称为 Radiant，您今天就可以开始使用它。

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

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

自发布开发预览版以来，我们刚刚发布了 Catalyst 的第一个主要更新，其中包含两个新的应用程序布局、导航栏和侧边栏组件、描述列表等。

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

我们正在招聘一名设计工程师和一名资深软件工程师，与我们一起从事一些雄心勃勃的新项目。这两个职位都是完全远程的，年薪为 275,000 美元。

去年夏天在 Tailwind Connect 上 我分享了 Oxide 的预览 —— 这是我们一直在开发的一种新的 Tailwind CSS 高性能引擎，旨在简化开发人员体验，并利用自 Tailwind 首次发布以来 Web 平台的演变。

今天是正式发布的日子 —— 我们刚刚发布了 Catalyst 的第一个开发预览版，这是我们第一个完全组件化、开箱即用的 React 应用程序 UI 工具包，正好赶上您的假日黑客会话。

没有什么比构建 一个重要的新产品更能发现您希望在自己的工具中拥有的所有功能，因此我们利用了一些灵感并将其转化为这个 —— Tailwind CSS v3.4。

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

我们刚刚发布了 Studio —— 我们在过去几个月为 Tailwind UI 开发的一个漂亮的新代理网站模板。

上个月，有 200 多人聚集在我的家乡安大略省剑桥市，一起闲逛、交流，并了解我们一直在开发的一些新东西。

在过去的四个月里，我们在 Tailwind UI 上所做的工作可能比以往任何时候都多，并且在最终完成了我们想要实现的目标之后，我很高兴向您展示这一切。

Tailwind CSS v3.3 来了 —— 它带来了一系列人们一直要求的特性，以及一系列您甚至不知道自己想要的新东西。

经过数月的制作，我很高兴终于发布了我们的下一个网站模板 —— Protocol，一个用于构建令人惊叹的 API 参考网站的漂亮入门工具包。

又到了那个时候了！我们很快就从 “我真的不知道我们还可以在新的 Tailwind 版本中添加什么” 到 “哇，这实际上是一个荒谬数量的新东西 —— 我们最好在事情完全失控之前标记一个版本”.

我们刚刚为 Tailwind UI 发布了一个令人惊艳的新个人网站模板，从头开始重新设计了 Heroicons，标记了具有一些令人兴奋的新功能的 Headless UI 的新版本等等。

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

当我刚开始我的编程生涯时，我喜欢关注 thoughtbot。他们总是撰写有趣的编程文章并制作精彩的截屏视频。

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

我已经有一段时间没有写关于我们一直在做的事情了，所以我有很多东西要分享！老实说太多了 —— 我甚至发布这个更新的主要动机是，我们下周还有更多的东西要发布，我觉得在分享我们已经发布的所有内容之前，我不能分享那些东西。所以穿上你的泳衣，坐在你的躺椅上，准备好吸收一些维他命 CSS。

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

人们一直在讨论在 Tailwind 项目中对您的实用程序类进行排序的最佳方法，至少有 四年了。今天，我们很高兴地宣布，通过发布我们的官方 Tailwind CSS Prettier 插件，您终于可以不再担心这个问题了。

今天，我们宣布下一个版本的 Tailwind CSS Typography 插件，它带来了简单的暗模式支持、一个全新的自定义 API，以及我不太确定我们是否能够支持的 `not-prose` 类。

Tailwind CSS 是用 JavaScript 编写的，并作为 npm 包分发，这意味着您必须始终安装 Node.js 和 npm 才能使用它。今天，我们宣布了一个新的 独立 CLI 构建，它为您提供了自包含可执行文件中 Tailwind CLI 的全部功能 —— 无需 Node.js 或 npm。

Tailwind CSS v3.0 来了 —— 它带来了惊人的性能提升、巨大的工作流程改进以及大量荒谬的新功能。

经过将近 6 个月的制作，我们终于发布了 Tailwind UI Ecommerce —— 自 2020 年 2 月首次发布以来，Tailwind UI 的第一个全新组件工具包。

我们刚刚发布了 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 图标。 从那时起，我们添加了大量新图标，并设计和推出了专门的 Web 体验。 今天，我们很高兴最终发布 Heroicons v1.0，其中包括两种样式超过 450 个免费图标、官方 React 和 Vue 库以及 Figma 资源。

多年来，随着我们改进 Tailwind CSS，我们必须处理的最困难的限制之一是开发过程中生成的文件大小。 如果对配置文件进行足够的自定义，生成的 CSS 可以达到 10mb 或更多，而构建工具甚至浏览器本身也只能容忍那么多 CSS。

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

今天我们很高兴发布 Tailwind CSS：从零到生产，这是一个新的视频教程系列，它会教你从头开始使用 Tailwind CSS v2.0 的所有知识。

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

想象一下，你正在实现一个你或你团队中的某人在 Figma 中精心制作的精美设计。你已经掌握了每个断点的所有不同布局，完善了空白和排版，并且你使用的摄影作品真正使设计栩栩如生。

它看起来非常棒 —— 直到你将它连接到实际的生产内容并意识到你精美的博客卡片网格崩溃了，因为当然，真实的文章摘录并非神奇地都只有三行长，现在每张卡片的高度都不同了。

听起来很熟悉？如果是这样，line-clamp 插件可以拯救你的危难。

大约 18 个月前，我们发布了 Tailwind CSS v1.0，这标志着在继续在每个小版本中推动令人兴奋的新功能边界的同时致力于稳定性。

我们刚刚发布了 Tailwind CSS v1.9，它增加了对配置预设的支持、有用的新 CSS 网格实用程序、扩展的边框半径、旋转和倾斜比例、有用的辅助功能改进以及更多功能！

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

Headless UI：无样式、可访问的 UI 组件

YouTube 上的“Tailwind CSS 中的新功能？”

Tailwind CSS v1.8.0

使用 @tailwindui/react 的实用程序友好型过渡

推出 Heroicons.com 几个月前，我们悄悄发布了Heroicons，这是一组免费的 SVG 图标，我们最初设计它是为了支持 Tailwind UI 中的组件。 今天，我们正在推出官方的

Tailwind CSS v1.7.0

从九百到一：我们如何雇用 Robin Malfait 早在 5 月，我们就发布了我们的第一个招聘职位，以帮助我们找到一名全栈开发人员加入我们的团队。 在收到近 900 份申请并面试了数十名才华横溢的人之后，我们很高兴最终宣布 Robin Malfait

Tailwind CSS v1.6.0

Simon Vrachliotis 加入 Tailwind Labs

欢迎 Brad Cornes 加入团队

Tailwind CSS v1.5.0 我本希望将 v1.5.0 保留用于一些真正令人兴奋的事情，但我们需要一个新功能来支持新的 @tailwindcss/typography

推出 Tailwind CSS 排版
到目前为止，尝试使用 Tailwind 为文章、文档或博客文章设置样式一直是一项繁琐的任务，需要敏锐的排版眼光和大量复杂的自定义 CSS。 这就是为什么今天我们很高兴发布

使用 Next.js 构建 Tailwind 博客 我们团队相信的一件事是，我们所做的一切都应该

推出 Tailwind CSS IntelliSense 的 linting 今天，我们正在发布新版本的 Visual Studio Code 的 Tailwind CSS IntelliSense 扩展