最新更新

我之前并不确定这是否会实现，但我们做到了 - 我们发布了一个包含文本阴影实用程序的 Tailwind CSS 版本。 Tailwind CSS v4.1 现已发布，它包含多项改进，可帮助你（或者你的大语言模型，你这个胆小鬼）打造更出色的交互体验。

我们刚刚完成了一项大型品牌重塑项目，将之前的 Tailwind UI 更名为 Tailwind Plus。Tailwind Plus 秉承了 Tailwind UI 一贯的高质量资源，但拥有全新的可能性和潜力。

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

大约八个月前，我们在 Tailwind CSS v4.0 上发布了 open-sourced our progress。经过数百小时的错误修复、令人心碎的向后兼容性工作以及 Windows CI 故障排查，我终于为第一个公开测试版发布了标记。

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

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

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

我们刚刚发布了 Catalyst 自发布开发预览版以来的首次重大更新，其中包含两种新的应用布局、导航栏和侧边栏组件、描述列表等等。

说到改进方法，没有什么比用自己的工具实际构建一些实际的东西更好的了。在过去几个月致力于 Catalyst 的过程中，我们对 Headless UI 进行了数十项改进，让你可以编写更少的代码，并提升开发者体验。

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

去年夏天，在 Tailwind Connect 上，我们发布了 I shared a preview of Oxide - 一个我们一直在开发的全新高性能 Tailwind CSS 引擎，旨在简化开发者体验，并充分利用自 Tailwind 发布以来 Web 平台的演进。

今天，我们刚刚发布了 Catalyst 的第一个开发预览版，这是我们第一个完全组件化、功能齐全的 React 应用 UI 套件，正好适合你的假期编程活动。

没有什么比构建 a major new product 更能满足你所​​有希望在自己的工具中实现的功能了，所以我们汲取了一些灵感，将其转化为 Tailwind CSS v3.4。

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

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

上个月，超过 200 人聚集在我的家乡安大略省剑桥市，大家聚在一起，交流经验，并一窥我们正在开发的一些新东西。

在过去的四个月里，我们在 Tailwind UI 上投入的工作可能比以往任何时候都多。现在，我们终于完成了既定目标，我很高兴能与大家分享这一切。

Tailwind CSS v3.3 现已发布 - 它带来了一系列用户期盼已久的新功能，以及一些你甚至从未想过的新功能。

经过数月的筹备，我很高兴终于发布了我们的下一个网站模板 - Protocol，这是一个漂亮的入门套件，用于构建出色的 API 参考网站。

又到了那个时候！我们快速从 "I really have no idea what we could even add to a new Tailwind release" 过渡到 “哇，这真是太多新东西了 - 我们最好在事情完全失控之前标记一个版本”。

我们刚刚为 Tailwind UI 发布了一款令人惊艳的全新个人网站模板，重新设计了 Heroicons，并发布了一个包含一些激动人心的新功能的新版 Headless UI，等等。

关于我们刚刚发布的全新 Tailwind UI 模板、官方 Tailwind CSS 招聘平台以及未来几周即将推出的一系列新项目，我们将一一介绍。

在我编程生涯的早期，我喜欢关注 thoughtbot。他们总是写有趣的编程文章和制作精彩的截屏视频。

距离我们发布 Tailwind CSS v3.0 已经过去了大约六个月，尽管从那时起，我们在代码库中收集了很多小改进，但我们就是还没有 的那个功能，这会让你想到"好的，发布截止时间到了"。

我已经有一段时间没有写过我们一直在做的事情了，所以我有很多东西要分享！说实话，太多了 - 我发布这次更新的主要原因是下周我们会有更多内容，我觉得在分享完所有已经发布的内容之前，我不能分享这些内容。所以，穿上泳衣，舒服地坐在躺椅上，准备吸收一些 CSS 的精华吧。

我们刚刚发布了 Headless UI v1.5，其中包含一个全新的 Combobox 组件。组合框类似于选择控件，但具有自动补齐/预先输入功能。

大家一直在讨论如何在 Tailwind 项目中以 at least four years 的原则对实用程序类进行排序。今天，我们很高兴地宣布，随着我们为 Tailwind CSS 发布的官方 Prettier 插件的发布，你终于可以不再为此烦恼了。

今天，我们宣布 Tailwind CSS Typography plugin 的下一个版本发布，它带来了便捷的暗黑模式支持、全新的自定义 API 以及我之前不确定我们是否会想到如何支持的 `not-prose` 类。

Tailwind CSS 是用 JavaScript 编写的，并以 npm 包的形式分发，这意味着你之前必须安装 Node.js 和 npm 才能使用它。今天，我们宣布推出全新的 standalone CLI build，它以一个独立的可执行文件的形式为你提供 Tailwind CLI 的全部功能 - 无需 Node.js 或 npm。

Tailwind CSS v3.0 现已发布 - 它带来了令人难以置信的性能提升、巨大的工作流程改进以及数量惊人的新功能。

经过近六个月的筹备，我们终于发布了 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: From Zero to Production 系列截屏视频，它将教你从零开始使用 Tailwind CSS v2.0 所需的一切知识。

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

想象一下，你或你的团队成员正在 Figma 中实现一个精心设计的精美设计。你已经确定了每个断点处的所有不同布局，完善了留白和排版，而你使用的摄影作品则真正赋予了设计生命力。

它看起来棒极了 - 直到你将它连接到实际的生产内容，才意识到你漂亮的博客卡片网格崩溃了，因为真正的文章摘录当然不会神奇地恰好是三行，而且现在每张卡片的高度都不一样。

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

差不多一年半前，我们发布了 Tailwind CSS v1.0，这标志着我们对稳定性的承诺，同时在每个小版本中都持续突破，推出令人兴奋的新功能。

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

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

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

自上次发布截屏视频以来，Tailwind 新增了许多酷炫的功能，因此我们认为录制一个涵盖所有新增功能的小系列视频是个好主意。

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

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

几个月前，我们悄然发布了 Heroicons，这是一套免费的 SVG 图标，最初设计用于支持 Tailwind UI 中的组件。今天，我们正式发布了 Heroicons web experience，它让搜索图标以及快速将其以 Tailwind 就绪的 HTML 或 JSX 格式复制到剪贴板变得前所未有的简单。

Tailwind 又发布了一个新版本！这次，它支持渐变、背景剪辑，实验性地支持将 @apply 与变体实用程序结合使用，以及更多其他功能。让我们深入了解吧！

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

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

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

早在六月，Brad Cornes 就加入了我们公司，成为我们团队的第一位成员。当时我们还没有博客来宣布这个消息，但迟到总比不到好，对吧？

我本来希望 v1.5.0 能带来一些真正令人兴奋的东西，但我们需要一个新功能来支持新的 @tailwindcss/typography 插件，所以加油，我们提前为大家带来了一些新东西。

到目前为止，尝试使用 Tailwind 来设计文章、文档或博客文章的样式一直是一项繁琐的任务，需要敏锐的排版眼光和大量复杂的自定义 CSS。
因此，今天我们很高兴地发布 @tailwindcss/typography 插件 - 它可以让你轻松地使用美观的排版默认值来设计原生 HTML 内容。

我们团队始终坚信，我们所做的一切都应该遵循 sealed with a blog post 的原则。我们强迫自己为每个项目撰写一篇简短的公告，这本身就是一种质量检查，确保在确定项目正式发布之前，我们绝不会将其命名为 "done"。

今天，我们发布了 Tailwind CSS IntelliSense extension for Visual Studio Code 的新版本，该版本为你的 CSS 和标记添加了 Tailwind 专属的 linting 功能。