最新更新

There are a lot of UI blocks in Tailwind Plus that need JavaScript to really be useful, like dialogs, dropdowns, command palettes, and more. And unless you're a React or Vue user, using those UI blocks has always meant writing all of that tricky JavaScript yourself. Well today that finally changes — every UI block in Tailwind Plus is now fully functional, accessible, and interactive, including the plain HTML examples.

我最近一直渴望重返屏幕录制和教学，而第一步自然是构建我们自己的课程平台。因此，我们刚刚发布了 Compass，这是一个用于发布自己在线课程的 Next.js 入门套件。

我曾不知道这是否会发生，但我们做到了——我们发布了一个包含文本阴影工具的 Tailwind CSS 版本。Tailwind CSS v4.1 在这里，它充满了改善，将帮助你（或者你的 LLM，你这个懦夫）构建更好的交互体验。

我们刚完成了一项巨大的品牌重塑项目，将之前被称为 Tailwind UI 的产品转变为 Tailwind Plus。 Tailwind Plus 依然是您熟悉的高质量资源，但提供了全新的可能性和潜力。

我们刚刚发布了 Tailwind CSS v4.0 - 一个全新的框架版本，经过优化以增强性能和灵活性，重新构想了配置和自定义体验，并充分利用了 Web 平台所提供的最新进展。

大约八个月前，我们 开源了我们在 Tailwind CSS v4.0 上的进展。 数百小时的修复 bug、令人筋疲力尽的向后兼容性工作，以及排查 Windows CI 故障后，我终于可以兴奋地标记第一个公开测试版发布。

在过去的几个月里，我们一直在努力开发一个新的SaaS市场网站模板为Tailwind UI。它叫做 Radiant，你今天就可以开始使用它。

我们刚刚发布了适用于 React 的 Headless UI v2.1，该版本显著简化了我们的过渡 API，并增加了同时渲染多个对话框作为兄弟元素的支持。

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

自发布开发预览以来，我们刚刚发布了 Catalyst 的第一个重大更新，新增了两个应用布局、导航栏和侧边栏组件、描述列表等。

在寻找改进事物的方法时，实际使用自己的工具构建一些真实的东西是无与伦比的。过去几个月，我们一直在开发Catalyst，并对 Headless UI 进行了数十项改进，让你写更少的代码，使开发者体验变得更好。

我们正在招聘一名设计工程师和一名职员软件工程师，与我们一起开展一些雄心勃勃的新项目。这两个职位均为远程工作，薪资为 275,000 美元。

去年夏天在 Tailwind Connect 我分享了 Oxide 的预览——这是一个我们一直在开发的新的高性能引擎，旨在简化开发者体验，并利用自 Tailwind 发布以来，网络平台的发展变化。

今天是大日子 — 我们刚刚发布了 Catalyst 的第一个开发预览，这是我们为 React 提供的第一个全组件化、包含全部功能的应用 UI 套件，正好适合您假期的动手项目。

没有什么能比构建 一个重大的新产品 更能让人发现 自己工具所缺的功能了，因此我们抓住了一些灵感，并将其转化为此 — Tailwind CSS v3.4。

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

我们刚刚发布了 Studio——一个美丽的新代理 网站模板，我们过去几个月为了 Tailwind UI 一直在努力工作。

上个月，超过200人聚集在我家乡安大略省剑桥，聊天、交流和窥探我们正在工作的最新项目。

在过去的四个月里，我们在 Tailwind UI 上的工作可能多于以往，而我们终于完成了初衷，非常期待向您展示这一切。

Tailwind CSS v3.3来了——带来了众多人们期待已久的新特性，以及一些你甚至不知道自己想要的新东西。

经过数月的努力，我很高兴终于发布我们的下一个网站模板—— 协议，这是一个美丽的入门套件，用于构建惊人的 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 电子商务——自 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 图标。从那时起，我们增加了许多新图标， 而且设计并推出了专门的网页体验。今天我们很高兴终于发布 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 去年夏天开始在逐项项目的基础上合作， 帮助我们开发 Tailwind UI 的 Figma 版本（几乎准备就绪！）， 并利用他的无障碍知识来构建 Tailwind UI 模板，确保我们遵循最佳实践，交付适用于所有人的标记，无论他们使用什么工具浏览网页。

想象一下，你正在实现一个漂亮的设计，这个设计是你或你团队中的某人精心在 Figma 中制作的。你已经在每个断点上完美地调整了不同的布局，完善了空白和排版，你使用的摄影作品真的为设计增添了生机。

它看起来非常惊人——直到你将其连接到实际的生产内容时，才意识到你漂亮的博客卡片网格分崩离析，因为当然，真实的 文章摘录并不是 magically 刚好都是三行长，而现在每个卡片的高度都不同。

听起来熟悉吗？如果是这样，line-clamp 插件可以帮你解决这个问题。

几乎准确地说，18 个月前我们发布了 Tailwind CSS v1.0，这标志着我们对稳定性的承诺，同时持续推动每个小版本的激动人心的新特性。

我们刚刚发布了 Tailwind CSS v1.9，新增了配置预设的支持、实用的新 CSS 网格工具、扩展的边框半径、旋转和倾斜比例、方便的可访问性改进等等！

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

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

自从我们上次发布任何视频教程以来，Tailwind 增加了很多酷炫的功能，所以我们觉得记录一个小系列来涵盖所有新添加的内容会是个好主意。

Tailwind CSS v1.8 现在可用，提供了一系列新工具、几个新特性和一个令人兴奋的新实验！

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

几个月前，我们悄然发布了 Heroicons，这是一套我们最初设计用于支持 Tailwind UI 组件的免费 SVG 图标。今天，我们推出了官方的 Heroicons 网络体验，使得搜索图标和快速将其复制到你的剪贴板中，格式为适用于 Tailwind 的 HTML 或 JSX，变得比以往任何时候都更简单。

另一个新的 Tailwind 发布来了！这次增加了对渐变、背景裁剪的支持，实验性支持使用 @apply 与变体工具，以及更多功能。让我们来深入探讨一下吧！

在五月，我们发布了 我们的第一份招聘信息，以帮助我们寻找全栈开发者加入我们的团队。经过将近900份申请和对几十位优秀人才的面试，我们很高兴地分享， Robin Malfait 接受了我们的职位邀请，今天正式成为Tailwind Labs团队的一员！

它就像 Tailwind CSS v1.5，只不过现在支持动画、超滚动工具等更多功能！

今天我们非常激动地分享 西蒙·瓦赫里奧蒂斯 已经 加入了Tailwind Labs的开发团队！(对了，我们刚刚最终确定了这个新商业名称，真不错吧？)

在六月份，Brad Cornes 作为我们第一位团队成员加入了公司。那时我们没有博客来宣布此事，但迟到总比不到好，对吧？

我原本希望将 v1.5.0 保留用于一些 真的 令人兴奋的内容，但我们需要一个新特性来支持新的 @tailwindcss/typography 插件，所以我们决定提前给你们带来一些新东西。

到目前为止，使用 Tailwind 样式化文章、文档或博客帖子一直是一项繁琐的任务，这需要对排版有敏锐的眼光和大量复杂的自定义 CSS。
这就是为什么今天我们很高兴地发布 @tailwindcss/typography — 一个插件，可以让您 容易地使用美丽的排版默认样式来样式化普通的 HTML 内容。

作为一个团队，我们相信我们的每一个作品都应该被 一篇博客文章来封存。强迫自己为每个项目撰写一篇简短的公告文章，充当内置的质量检查，确保我们在对外宣布它之前都不会认为项目是“完成”的。

今天我们发布了一个新的版本的 Visual Studio Code 的 Tailwind CSS IntelliSense 扩展 ，它向您的 CSS 和标记添加了特定于 Tailwind 的 linting。