最新更新

在 Tailwind Plus 中，有许多 UI 模块需要 JavaScript 才能真正发挥作用，比如对话框、下拉菜单、命令面板等等。除非你是 React 或 Vue 用户，否则使用这些 UI 模块通常意味着你必须自己编写所有复杂的 JavaScript。而今天这一切终于改变了——Tailwind Plus 中的每一个 UI 模块现在都完全功能化、可访问且可交互，包括普通的 HTML 示例。

我最近一直很想重新开始做屏幕录制和教学，而最自然的第一步就是建立我们自己的课程平台。所以我们刚刚发布了 Compass，这是一个用于发布自己在线课程的 Next.js 入门工具包。

我不确定这是否会发生，但我们做到了——我们发布了包含文字阴影工具的 Tailwind CSS 版本。Tailwind CSS v4.1 已经发布，带来了许多改进，这将帮助你（或者你的大型语言模型，你这个胆小鬼）构建更出色的互动体验。

我们刚刚完成了一个大型的品牌重塑项目，将之前的 Tailwind UI 改名为 Tailwind Plus。 Tailwind Plus 依然保留了你从 Tailwind UI 熟悉的高质量资源，但带来了全新的可能性和潜力。

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

大约八个月前，我们开源了 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 首次发布以来网页平台的发展变化。

今天就是这一天——我们刚刚发布了 Catalyst 的第一个开发预览版，这是我们首个完全组件化、开箱即用的 React 应用 UI 套件，正好赶上你的假期编程时间。

没有什么比开发一个重大的新产品更能让你发现自己工具中希望拥有的所有功能了，所以我们利用了一些灵感，把它转化成了这个——Tailwind CSS v3.4。

我们刚刚发布了 Heroicons v2.1，其中包括全新的微型风格——一整套将近三百个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 组件。Combobox 类似于选择控件，但具有自动补齐/类型提示功能。

人们已经讨论在 Tailwind 项目中整理实用类的最佳方式至少有四年时间了。今天，我们很高兴地宣布，随着官方 Tailwind CSS Prettier 插件的发布，你终于可以不再为此担心。

今天我们宣布了Tailwind CSS 排版插件的下一个版本，它带来了便捷的夜间模式支持，全新的自定义 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，这算是面向所有网页开发者的最低通用标准，并且可以使它们适配任何模板语言或 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 中设计的漂亮设计。你已经在每个断点上完美地处理了各种布局，优化了空白和排版，并且使用的摄影作品真的让设计栩栩如生。

看起来非常惊艳——直到你将它连接到实际的生产内容时，你才意识到你漂亮的博客卡片网格会崩坏，因为当然， 真实的 文章摘要并不会神奇地全部恰好三行长，现在每张卡片的高度都不同。

听起来熟悉吗？如果是的话，line-clamp 插件可以来拯救你。

大约在18个月前，我们发布了 Tailwind CSS v1.0，这标志着我们承诺保持稳定，同时在每一次小版本更新中不断推出令人兴奋的新功能。

我们刚刚发布了 Tailwind CSS v1.9，它增加了对配置预设的支持、实用的新 CSS 网格工具、扩展的边框半径、旋转和倾斜刻度、对无障碍性的改进，以及更多功能！

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

在构建现代网络应用时，最大的痛点之一是构建自定义组件，如选择菜单、下拉菜单、切换按钮、模态框、选项卡、单选组——这些组件在各个项目中非常相似，但从未完全相同。

自从我们上一次发布任何教学视频以来，Tailwind 增加了很多很棒的新功能，所以我们认为录制一个涵盖所有新功能的小系列是个不错的主意。

Tailwind CSS v1.8 现已发布，带来了一些新的工具、几个新功能以及一个令人兴奋的新实验！

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

几个月前，我们悄悄发布了 Heroicons，一套最初为支持 Tailwind UI 组件而设计的免费 SVG 图标。今天，我们推出了正式的Heroicons 网络体验，这让搜索图标并快速将它们复制为适用于 Tailwind 的 HTML 或 JSX 变得比以往任何时候都更容易。

Tailwind 又有新版本发布了！这次新增了对渐变、背景裁剪的支持，实验性支持在变体工具中使用 @apply，以及更多精彩功能。让我们一探究竟吧！

今年五月，我们发布了我们的第一则招聘信息，希望找到一名全栈开发者加入我们的团队。在收到近900份申请并面试了几十位才华横溢的人之后，我们很高兴终于可以分享， Robin Malfait接受了我们的职位邀请，并从今天起正式成为 Tailwind Labs 团队的一员！

It's like Tailwind CSS v1.5 except now there's animation support, overscroll utilities, and more!

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

早在六月， Brad Cornes 加入了我们公司，成为我们的第一位团队成员。当时我们没有博客来宣布这件事，不过晚做总比不做好，对吧？

我本来希望把 v1.5.0 留给一些 真正 令人兴奋的事情，但我们需要一个新功能来支持新的@tailwindcss/typography 插件，所以算了，我们决定提前给你们一些新东西。

直到现在，使用 Tailwind 为文章、文档或博客帖子进行样式设计一直是一项繁琐的任务，需要对排版有敏锐的眼光并编写大量复杂的自定义 CSS。这就是为什么今天我们很高兴发布@tailwindcss/typography —— 一个插件，让你轻松地用美观的排版默认样式来设计原生 HTML 内容。

作为团队，我们相信的一件事是，我们制作的每一件东西都应该通过博客文章来封存。强迫自己为每个项目写一篇简短的公告文章，充当了一种内置的质量检查，确保我们在向世界宣布项目发布之前，绝不会轻易称其为“完成”。

今天我们发布了适用于 Visual Studio Code 的Tailwind CSS IntelliSense 扩展的新版本，该版本在你的 CSS 和标记中添加了针对 Tailwind 的特定检查。