最新动态

我曾经不确定这是否会发生，但我们做到了——我们发布了一个包含文本阴影实用工具的 Tailwind CSS 版本。Tailwind CSS v4.1 来了，它 packed 包含了改进，将帮助你（或你的 LLM，你这个懦夫）构建更出色的互动体验。

我们刚刚发布了一个大型品牌重塑项目，将之前称为 Tailwind UI 的产品转变为 Tailwind Plus。Tailwind Plus 仍然是你熟悉的 Tailwind UI 中的所有高质量资源，但具有全新的可能性和潜力。

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

大约八个月前，我们 开源了我们在 Tailwind CSS v4.0 上的进展。在修复错误、令人沮丧的向后兼容性工作以及排除 Windows CI 故障数百小时后，我很高兴最终标记了第一个公开 Beta 版本。

在过去的几个月中，我们一直在为 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 的首个开发预览版，这是我们的第一个完全组件化、包含所有功能的应用程序 UI 工具包，专为你的假期黑客马拉松而生。

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

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

我们刚刚发布了 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 模板时利用他的可访问性专业知识，确保我们遵循最佳实践并交付适用于每个人的标记，无论他们使用什么工具浏览 Web。

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

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

听起来很熟悉？如果是这样，line-clamp 插件可以帮助你摆脱困境。

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

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

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

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

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

Tailwind CSS v1.8 现已推出，其中包含一些新的实用程序、一些新功能以及一个令人兴奋的新实验！

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

几个月前，我们悄悄发布了 Heroicons，一组免费的 SVG 图标，我们最初设计它是为了支持 Tailwind UI 中的组件。今天，我们正在启动官方 Heroicons Web 体验，它比以往任何时候都更容易搜索图标，并将其作为 Tailwind-ready HTML 或 JSX 快速复制到你的剪贴板。

另一个新的 Tailwind 版本来了！这次支持渐变、background-clip、使用变体实用程序的 @apply 实验性支持以及更多功能。让我们深入了解一下！

早在 5 月，我们就发布了 我们的第一份招聘启事，以帮助我们找到一名全栈开发人员加入我们的团队。在收到近 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 特定的 linting。