Latest Updates

All the latest Tailwind CSS news, straight from the team.

January 22, 2025
January 22, 2025
Tailwind CSS v4.0
We just released Tailwind CSS v4.0 — an all-new version of the framework optimized for performance and flexibility, with a reimagined configuration and customization experience, and taking full advantage of the latest advancements the web platform has to offer.
Read more
November 21, 2024
November 21, 2024
Tailwind CSS v4.0 Beta 1
About eight months ago we open-sourced our progress on Tailwind CSS v4.0. Hundreds of hours of fixing bugs, soul-crushing backward compatibility work, and troubleshooting Windows CI failures later, I'm excited to finally tag the first public beta release.
Read more
September 12, 2024
September 12, 2024
Radiant:一个精美的新营销站点模板
在过去的几个月里,我们一直在为 Tailwind UI 开发一个新的 SaaS 营销站点模板。它叫做 Radiant,您现在就可以开始使用它了。
Read more
June 21, 2024
June 21, 2024
Headless UI v2.1:简化的过渡API和改进的多对话框支持
我们刚刚发布了 Headless UI v2.1 for React,它大大简化了我们的过渡 API,并增加了对渲染多个对话框作为兄弟元素的支持。
Read more
May 31, 2024
May 31, 2024
自动清理空格和重复的类名
我们刚刚发布了新版本的 `prettier-plugin-tailwindcss`,它支持在排序时移除不必要的空格和重复的类。
Read more
May 24, 2024
May 24, 2024
Catalyst: 应用程序布局、导航菜单、描述列表等新功能
自发布开发预览版以来,我们刚刚发布了 Catalyst 的第一次重要更新,新增了两种应用程序布局、导航栏和侧边栏组件、描述列表等功能。
Read more
May 7, 2024
May 7, 2024
Headless UI v2.0 for React
没有什么比使用自己的工具构建真实的东西更能找到改进方法了。在过去几个月里,我们一直在开发Catalyst, 我们对 Headless UI 进行了许多改进,让您可以编写更少的代码,并使开发者体验更好。
Read more
March 19, 2024
March 19, 2024
我们正在招聘设计工程师和高级工程师
我们正在招聘设计工程师和高级软件工程师,一起开展一些雄心勃勃的新项目。两个职位都是完全远程的,年薪为 275,000 美元。
Read more
March 6, 2024
March 6, 2024
Open-sourcing our progress on Tailwind CSS v4.0
Last summer at Tailwind Connect I shared a preview of Oxide — a new high-performance engine for Tailwind CSS that we've been working on, designed to simplify the developer experience and take advantage of how the web platform has evolved since Tailwind was first released.
Read more
December 20, 2023
December 20, 2023
推出 Catalyst:现代 React UI 套件
今天就是这一天 — 我们刚刚发布了 Catalyst 的第一个开发预览版,这是我们第一个完全组件化、功能齐全的 React 应用程序 UI 套件,正好赶上您的假日黑客编程时光。
Read more
December 19, 2023
December 19, 2023
Tailwind CSS v3.4: Dynamic viewport units, :has() support, balanced headlines, subgrid, and more
There's nothing like building a major new product for finding all the features you wish you had in your own tools, so we capitalized on some of that inspiration and turned it into this — Tailwind CSS v3.4.
Read more
December 18, 2023
December 18, 2023
Heroicons Micro:这是什么,蚂蚁用的图标吗?
我们刚刚发布了 Heroicons v2.1,其中包含一个全新的 micro 风格 — 一整套近三百个专为更紧凑、更高密度 UI 设计的 16×16 图标。
Read more
August 7, 2023
August 7, 2023
认识 Studio: 我们美丽的新机构网站模板
我们刚刚发布了 Studio — 这是我们过去几个月为 Tailwind UI 开发的一个漂亮的新机构网站模板。
Read more
July 19, 2023
July 19, 2023
Tailwind Connect 2023: 我们第一次线下活动回顾
上个月,超过 200 人在我的家乡安大略省剑桥市聚集在一起,交流经验,探讨工作,并一窥我们正在开发的一些新项目。
Read more
April 24, 2023
April 24, 2023
新的更新日志模板 + 迄今为止最大的 Tailwind UI 更新
在过去的四个月里,我们在 Tailwind UI 上投入的工作可能比以往任何时候都多,现在终于完成了我们计划要实现的目标,我很兴奋地向大家展示这一切。
Read more
March 28, 2023
March 28, 2023
Tailwind CSS v3.3: Extended color palette, ESM/TS support, logical properties, and more
Tailwind CSS v3.3 is here — bringing a bunch of new features people have been asking for forever, and a bunch of new stuff you didn't even know you wanted.
Read more
December 15, 2022
December 15, 2022
Protocol: 为你的下一个 API 文档网站打造的精美起点
经过数月的制作,我很高兴终于发布我们的下一个网站模板 — Protocol,一个用于构建令人惊叹的 API 参考网站的精美起点。
Read more
October 19, 2022
October 19, 2022
Tailwind CSS v3.2: Dynamic breakpoints, multi-config, and container queries, oh my!
Well it's that time again! The time where we quickly go from "I really have no idea what we could even add to a new Tailwind release" to "wow, well this is actually a ridiculous amount of new stuff — we better tag a release before things get completely out of hand".
Read more
September 9, 2022
September 9, 2022
我们为你构建了一个新的个人网站 + Heroicons v2.0、Headless UI v1.7 等
我们刚刚为 Tailwind UI 发布了一个令人惊叹的新个人网站模板,从头开始重新设计了 Heroicons,发布了带有一些令人兴奋的新功能的 Headless UI 新版本,以及更多内容。
Read more
August 19, 2022
August 19, 2022
新的 Tailwind CSS + Framer Motion 模板和 Tailwind Jobs
关于我们刚刚发布的全新 Tailwind UI 模板、Tailwind CSS 官方工作板以及未来几周即将推出的一系列新项目。
Read more
June 23, 2022
June 23, 2022
Tailwind UI:网站模板和全访问权限
当我还是一个编程新手时,我很喜欢关注 thoughtbot。他们一直在写有趣的编程文章,制作很棒的屏幕录像。
Read more
June 7, 2022
June 7, 2022
Tailwind CSS v3.1:你想发疯吗?来吧,让我们发疯吧!
自从我们发布 Tailwind CSS v3.0 以来已经大约六个月了,即使从那时起我们一直在代码库中收集许多小的改进,但我们仍然没有那个功能 让你说“好吧,是时候发布了”
Read more
May 27, 2022
May 27, 2022
Headless UI v1.6、Tailwind UI 团队管理、Tailwind Play 改进等更新
已经有一段时间没有写过我们在做什么了,所以我有很多要分享!说实话太多了 — 促使我发布这个更新的主要原因是我们下周还有更多内容要发布,而在分享那些内容之前,我觉得我必须先分享我们已经发布的内容。所以穿上你的泳装,坐在躺椅上,准备沐浴一下 CSS 的阳光吧。
Read more
February 24, 2022
February 24, 2022
Headless UI v1.5:引入 Comboboxes
我们刚刚发布了 Headless UI v1.5,其中包括一个全新的 Combobox 组件。Comboboxes 类似于 select 控件,但具有自动完成/提前输入功能。
Read more
January 24, 2022
January 24, 2022
使用 Prettier 自动排序类名
人们一直在讨论在 Tailwind 项目中最好如何排序实用工具类的问题,这已经至少持续了四年。 今天,我们很高兴地宣布,随着我们发布 Tailwind CSS 官方 Prettier 插件,您终于可以不用再为此烦恼了。
Read more
December 17, 2021
December 17, 2021
Effortless Typography, Even in Dark Mode
Today we're announcing the next version of the Tailwind CSS Typography plugin, which brings easy dark mode support, a brand new customization API, and the `not-prose` class I wasn't sure we'd ever figure out how to support.
Read more
December 16, 2021
December 16, 2021
独立命令行工具:无需 Node.js 即可使用 Tailwind CSS
Tailwind CSS 是用 JavaScript 编写并以 npm 包形式发布的,这意味着你一直需要安装 Node.js 和 npm 才能使用它。 今天我们宣布推出新的 独立命令行工具,让你可以在一个独立的可执行文件中使用完整的 Tailwind CLI 功能 — 无需安装 Node.js 或 npm。
Read more
December 9, 2021
December 9, 2021
Tailwind CSS v3.0
Tailwind CSS v3.0 is here — bringing incredible performance gains, huge workflow improvements, and a seriously ridiculous number of new features.
Read more
August 11, 2021
August 11, 2021
Tailwind UI 电商组件库发布
经过近6个月的开发,我们终于发布了 Tailwind UI 电商组件库 — 这是自2020年2月首次发布以来的第一个全新组件套件。
Read more
July 29, 2021
July 29, 2021
Headless UI v1.4:包含选项卡的版本
我们刚刚发布了 Headless UI v1.4,其中包括一个全新的 Tab 组件,以及用于更轻松地手动关闭 PopoverDisclosure 组件的新 API。
Read more
June 17, 2021
June 17, 2021
Tailwind CSS v2.2
说实话我们并没有真正计划这次发布,但是过去几周我们一直在向 Tailwind 中添加新的激动人心的功能,现在似乎是合适的发布时机了,所以这就是它 — Tailwind CSS v2.2!
Read more
April 14, 2021
April 14, 2021
Tailwind UI: 现已支持 React + Vue
去年我们发布了 Tailwind UI —— 一个使用 Tailwind CSS 构建的专业设计 UI 示例库。 到目前为止,Tailwind UI 中的所有示例都是纯 HTML 格式,这可以说是所有 Web 开发人员的最低公约数,使其可以适配任何模板语言或 JavaScript 框架。
Read more
April 14, 2021
April 14, 2021
Headless UI v1.0
去年秋天我们宣布了 Headless UI, 这是一个完全无样式、完全可访问的 UI 组件库,专为与 Tailwind CSS 完美配合而设计。 今天我们非常兴奋地发布 Headless UI v1.0,它为 React 和 Vue 两个版本都增加了一倍多的组件。
Read more
April 5, 2021
April 5, 2021
Tailwind CSS v2.1
自 Tailwind CSS v2.0 以来的第一个新功能更新终于到来,并且包含了很多很酷的新特性!我们将新的 JIT 引擎合并到核心中,添加了一流的 CSS 滤镜支持,添加了混合模式工具类等等。
Read more
March 29, 2021
March 29, 2021
Heroicons v1.0
一年多前,我们发布了第一个版本的 Heroicons,这是我们与 Tailwind UI 一起设计的一套精美 UI 图标。从那以后,我们添加了大量新图标,并设计和推出了专门的网站体验。今天我们很高兴最终发布 Heroicons v1.0,其中包括两种风格的 450 多个免费图标、官方 React 和 Vue 库以及 Figma 资源。
Read more
March 15, 2021
March 15, 2021
即时编译:下一代 Tailwind CSS
多年来,我们在改进 Tailwind CSS 时遇到的最大限制之一就是开发环境下生成的文件大小。如果对配置文件进行了足够多的自定义,生成的 CSS 可能达到 10MB 或更多,而构建工具甚至浏览器本身能够舒适处理的 CSS 是有限的。
Read more
March 8, 2021
March 8, 2021
欢迎 James McDonald 加入 Tailwind Labs
多年前,我收到 Steve 的一条消息,内容大致是:“我之前有没有和你分享过这家伙的 Dribbble 个人资料?我一直在关注他,他的一些作品绝对是我见过的最喜欢的。”我以前有没有和你分享过这个人的 Dribbble 个人资料?一直在关注他,他的一些作品是我发现的最喜欢的。”那个人就是 James McDonald,今天我们非常激动地宣布 James 将全职加入我们的团队。
Read more
February 16, 2021
February 16, 2021
YouTube 上的 "Tailwind CSS: 从零到生产"
今天我们很高兴发布 Tailwind CSS: 从零到生产,这是一个新的截屏系列,教你如何从零开始使用 Tailwind CSS v2.0。
Read more
February 1, 2021
February 1, 2021
欢迎 David Luhr 加入 Tailwind Labs
去年夏天,我们开始与 David Luhr 合作,以项目为基础帮助我们开发Tailwind UI 的 Figma 版本(即将完成!),并利用他在构建 Tailwind UI 模板时的可访问性专业知识,确保我们遵循最佳实践并提供适用于所有人的标记,无论他们使用什么工具浏览网络。乎准备好了!),并利用他的无障碍专业知识在构建 Tailwind UI 模板时,确保我们遵循最佳实践并提供适用于所有人的标记,无论他们使用什么工具浏览网页。
Read more
January 24, 2021
January 24, 2021
使用 @tailwindcss/line-clamp 进行多行文本截断
想象一下,您正在实现一个您或团队中的某人在 Figma 中精心制作的漂亮设计。您已经完美地处理了每个断点的不同布局,完善了空白和排版,使用的照片也让设计栩栩如生。

看起来完全惊艳 — 直到您将其连接到实际的生产内容,并意识到您漂亮的博客卡片网格崩溃了,因为,当然,真实的文章摘要并不会神奇地都恰好是三行长,现在每张卡片的高度都不一样了。

听起来很熟悉吗?如果是这样,line-clamp 插件来拯救您了。
Read more
November 18, 2020
November 18, 2020
Tailwind CSS v2.0
在差不多 18 个月前,我们发布了 Tailwind CSS v1.0,这标志着我们在保持稳定性的同时,会继续在每个小版本更新中突破边界,带来令人兴奋的新功能。
Read more
October 13, 2020
October 13, 2020
Tailwind CSS v1.9.0
我们刚刚发布了 Tailwind CSS v1.9,它增加了配置预设支持、实用的新 CSS Grid 工具类、扩展的圆角/旋转/倾斜尺度、有用的可访问性改进等等!
Read more
October 7, 2020
October 7, 2020
推出 Tailwind Play
要充分利用 Tailwind,您需要一个构建步骤。这是能够自定义您的 tailwind.config.js 文件、使用 @apply 提取组件或包含 插件的唯一方法。
Read more
October 6, 2020
October 6, 2020
Headless UI:无样式、可访问的 UI 组件
在构建现代 Web 应用程序时,最大的痛点之一就是构建自定义组件,如选择菜单、下拉菜单、切换开关、模态框、选项卡、单选按钮组 — 这些组件在不同项目之间非常相似,但又从未完全相同
Read more
September 23, 2020
September 23, 2020
YouTube 上的 "Tailwind CSS 的新特性"
自从我们上次发布任何截屏视频以来,Tailwind 中添加了许多很酷的东西,所以我们认为录制一个小系列来介绍所有新添加的内容将是一个好主意。
Read more
September 4, 2020
September 4, 2020
Tailwind CSS v1.8.0
Tailwind CSS v1.8 现已发布,包含一些新的工具类、一些新功能和一个令人兴奋的新实验性功能!
Read more
August 27, 2020
August 27, 2020
使用 @tailwindui/react 的实用过渡
今年二月,我们发布了 Tailwind UI,这是一个 HTML 组件示例目录,旨在让您将其复制并粘贴到您的 Tailwind 项目中,作为您自己设计的起点。
Read more
August 25, 2020
August 25, 2020
推出 Heroicons.com
几个月前我们悄悄发布了 Heroicons,这是一套我们最初为支持 Tailwind UI 中的组件而设计的免费 SVG 图标。今天我们推出 Heroicons 官方网站体验,让搜索图标并将它们作为 Tailwind 就绪的 HTML 或 JSX 快速复制到剪贴板变得比以往更加容易。
Read more
August 18, 2020
August 18, 2020
Tailwind CSS v1.7.0
又一个新的 Tailwind 版本来了!这次带来了渐变支持、background-clip、对使用 @apply与变体工具类的实验性支持,以及更多功能。让我们一起来看看!
Read more
August 10, 2020
August 10, 2020
从九百到一:我们如何聘用 Robin Malfait
五月份,我们发布了 我们的第一个职位公告 来帮助我们找寻一位全栈开发人员加入我们的团队。在收到近 900 份申请并面试了数十位优秀人才后,我们很高兴最终宣布 Robin Malfait 接受了我们的职位邀请,并从今天起正式成为 Tailwind Labs 团队的一员!
Read more
July 28, 2020
July 28, 2020
Tailwind CSS v1.6.0
就像 Tailwind CSS v1.5,但现在有了动画支持、overscroll 工具类等更多功能!
Read more
July 19, 2020
July 19, 2020
Simon Vrachliotis 加入 Tailwind Labs
今天我们非常兴奋地宣布 Simon Vrachliotis 已加入 Tailwind Labs 的开发团队!(顺便说一下,我们刚刚确定了这个新的公司名称,很酷对吧?)
Read more
July 18, 2020
July 18, 2020
欢迎 Brad Cornes 加入团队
早在 6 月,Brad Cornes 就作为我们的第一个团队成员加入了我们公司。 那时我们还没有博客来宣布它,但迟到总比没有好,对吧?
Read more
July 15, 2020
July 15, 2020
Tailwind CSS v1.5.0
我本想为 v1.5.0 准备一些真正令人兴奋的内容,但我们需要一个新功能来支持新的 @tailwindcss/typography 插件,所以管它呢,我们提前发布一些新东西给你。
Read more
July 13, 2020
July 13, 2020
介绍 Tailwind CSS Typography
在此之前,使用 Tailwind 来给文章、文档或博客文章设置样式一直是一项繁琐的任务,需要对排版有敏锐的直觉并编写大量复杂的自定义 CSS。
这就是为什么今天我们很高兴发布 @tailwindcss/typography — 一个让你能轻松为原生 HTML 内容添加漂亮排版默认样式的插件。
Read more
June 30, 2020
June 30, 2020
使用 Next.js 构建 Tailwind 博客
作为一个团队,我们相信我们制作的每一件事都应该 以一篇博客文章来封印。 强迫自己为每个项目写一篇简短的发布文章作为内置的质量检查,确保在我们觉得舒服地向世界宣布它之前,永远不会称一个项目"完成"。
Read more
June 23, 2020
June 23, 2020
为 Tailwind CSS IntelliSense 引入代码检查
今天我们发布了 Visual Studio Code 的 Tailwind CSS IntelliSense 扩展 的新版本,为您的 CSS 和标记添加了 Tailwind 特定的代码检查。
Read more