最新更新

来自团队的 Tailwind CSS 所有最新消息。

注册我们的时事通讯

推出 Catalyst:适用于 React 的现代 UI 套件

今天是这一天 — 我们刚刚发布了 Catalyst 的第一个开发预览版,这是我们第一个完全组件化、包含电池的 React 应用程序 UI 套件,正好赶上你的假期黑客松。

日期
阅读更多, 推出 Catalyst:适用于 React 的现代 UI 套件

Tailwind UI:网站模板和完全访问

在我编程生涯的早期,我喜欢关注thoughtbot。他们一直在撰写有趣的编程文章、制作精彩的屏幕录制并出版令人难以置信的书籍。我可以看出他们真的很关心自己的工作,这给了我很大的启发。

日期
阅读更多Tailwind UI:网站模板和完全访问

无头 UI v1.6、Tailwind UI 团队管理、Tailwind Play 改进等

自从我写下我们正在做的事情以来已经有一段时间了,所以我有很多要分享的!老实说太多了——我写这篇更新的主要动机是,我们下周会有更多内容,我觉得在分享我们已经发布的所有内容之前,我不能分享那些内容。

日期
阅读更多, 无头 UI v1.6、Tailwind UI 团队管理、Tailwind Play 改进等

无头 UI v1.5:带组合框的那个

我们刚刚发布了无头 UI v1.5,其中包括一个全新的 Combobox 组件。组合框就像选择控件,但具有自动完成/类型预测功能,当您使用大型数据集并希望快速筛选正确选项时,它是常规选择的绝佳替代方案。

日期
阅读更多, 无头 UI v1.5:带组合框的那个

Tailwind CSS v3.0

Tailwind CSS v3.0 来啦——带来了令人难以置信的性能提升、巨大的工作流程改进以及大量新功能。

日期
阅读更多, Tailwind CSS v3.0

Headless UI v1.4:带有选项卡的那个

我们刚刚发布了 Headless UI v1.4,其中包括一个全新的 Tab 组件,以及用于更轻松地手动关闭 PopoverDisclosure 组件的新 API。

日期
阅读更多, Headless UI v1.4:带有选项卡的那个

Tailwind CSS v2.2

好吧,我不能说我们真的计划过,但在过去几周里,我们一直在忙着将新的令人兴奋的功能添加到 Tailwind 中,现在感觉是发布的时候了,所以它来了——Tailwind CSS v2.2!

日期
阅读更多, Tailwind CSS v2.2

Tailwind UI:现在支持 React + Vue

去年,我们发布了 Tailwind UI——一个用 Tailwind CSS 构建的大型专业设计 UI 示例目录。到目前为止,Tailwind UI 中的所有示例都是纯 HTML,这对所有 Web 开发人员来说都是最低公分母,并且可以将它们适应任何模板语言或 JavaScript 框架。

日期
了解更多, Tailwind UI:现在支持 React + Vue

Headless UI v1.0

去年秋天,我们发布了 Headless UI,这是一个完全无样式、完全无障碍的 UI 组件库,旨在与 Tailwind CSS 完美搭配。

日期
了解更多, Headless UI v1.0

Tailwind CSS v2.1

自 Tailwind CSS v2.0 以来,第一个新功能更新现已发布,并包含了许多很酷的东西!我们已将新的 JIT 引擎合并到核心,增加了对可组合 CSS 过滤器的首要支持,增加了混合模式实用程序,以及更多内容。

日期
了解更多, Tailwind CSS v2.1

Heroicons v1.0

一年前,我们发布了 Heroicons 的第一个版本,这是一组我们与 Tailwind UI 一起设计的漂亮的 UI 图标。从那时起,我们添加了许多新图标,并设计并推出了专门的网络体验。

日期
了解更多, Heroicons v1.0

即时编译:Tailwind CSS 的下一代

多年来,随着我们对 Tailwind CSS 的改进,我们不得不应对的最困难的限制之一是开发中的生成文件大小。通过对配置文件进行足够的自定义,生成的 CSS 可以达到 10mb 或更多,而构建工具甚至浏览器本身可以轻松容忍的 CSS 数量有限。

日期
了解更多, 即时编译:Tailwind CSS 的下一代

欢迎 James McDonald 加入 Tailwind Labs

多年前,我收到来自 Steve 的一条消息,内容类似于“我之前是否与你分享过这个人的 Dribbble 个人资料?我关注他很久了,他是我见过的最喜欢的作品之一”。那个人是 James McDonald,今天我们非常高兴地宣布 James 全职加入我们的团队。

日期
阅读更多, 欢迎 James McDonald 加入 Tailwind Labs

欢迎 David Luhr 加入 Tailwind Labs

去年夏天,我们开始与 David Luhr 以按项目为基础的方式合作,帮助我们开发 Tailwind UI 的 Figma 版本(即将推出!),以及在构建 Tailwind UI 模板时利用他的可访问性专业知识,确保我们遵循最佳实践并提供适用于所有人的标记,无论他们使用什么工具浏览网络。

日期
阅读更多, 欢迎 David Luhr 加入 Tailwind Labs

使用 @tailwindcss/line-clamp 进行多行截断

想象一下,你正在实现一个你或团队中的某人精心在 Figma 中制作的漂亮设计。你已经确定了每个断点处的所有不同布局,完善了空白和字体,并且你使用的摄影真正让设计栩栩如生。

日期
阅读更多, 使用 @tailwindcss/line-clamp 进行多行截断

Tailwind CSS v2.0

大约在 18 个月前,我们发布了 Tailwind CSS v1.0,这表明了我们对稳定性的承诺,同时在每次小版本发布中继续通过令人兴奋的新功能突破界限。

日期
阅读更多, Tailwind CSS v2.0

Tailwind CSS v1.9.0

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

日期
阅读更多, Tailwind CSS v1.9.0

无头 UI:无样式、可访问的 UI 组件

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

日期
阅读更多, 无头 UI:无样式、可访问的 UI 组件

Tailwind CSS v1.8.0

Tailwind CSS v1.8 现已推出,包含一些新的实用工具、几个新功能和一个令人兴奋的新实验!

日期
阅读更多, Tailwind CSS v1.8.0

推出 Heroicons.com

几个月前,我们悄悄发布了 Heroicons,这是一组免费的 SVG 图标,我们最初设计它们是为了支持 Tailwind UI 中的组件。今天,我们推出了官方 Heroicons Web 体验,它让你可以比以往更轻松地搜索图标,并将其作为 Tailwind 就绪的 HTML 或 JSX 快速复制到剪贴板。

日期
阅读更多, 介绍 Heroicons.com

Tailwind CSS v1.7.0

又一个新的 Tailwind 版本发布了!这次支持渐变、背景剪裁、使用 @apply 与变体实用程序的实验性支持,以及更多内容。让我们深入了解一下!

日期
阅读更多, Tailwind CSS v1.7.0

Tailwind CSS v1.6.0

它就像 Tailwind CSS v1.5,只不过现在有了动画支持、滚动过量实用程序等!

日期
阅读更多, Tailwind CSS v1.6.0

介绍 Tailwind CSS 排版

到目前为止,尝试使用 Tailwind 对文章、文档或博客文章进行样式设置是一项繁琐的任务,它需要敏锐的排版眼光和大量复杂的自定义 CSS。

日期
阅读更多, 介绍 Tailwind CSS 排版

使用 Next.js 构建 Tailwind 博客

作为团队,我们相信我们制作的所有内容都应该用一篇博客文章来盖章。强迫自己为我们参与的每个项目撰写一篇简短的公告文章,作为一项内置质量检查,确保我们永远不会在对向全世界宣布它已发布感到满意之前称一个项目“已完成”。

日期
阅读更多, 使用 Next.js 构建 Tailwind 博客