更新日志
及时了解我们对 Tailwind UI 做出的所有最新添加和改进。
2023 年 12 月 20 日
推出 Catalyst：面向 React 的现代应用程序 UI 工具包
我们刚刚发布了 Catalyst 的第一个开发预览版，这是我们第一个面向 React 的完全组件化、包含电池的应用程序 UI 工具包——真正的组件，具有经过精心设计的 API，这些 API 互相构建以创建真正的组件架构，就像我们在实际应用程序中所做的那样。
还有更多内容即将推出，但我们今天发布它，以便您可以在我们继续构建新组件并寻找方法使其成为更好的体验时立即试用它。
2023 年 9 月 7 日
Next.js 网站模板现已提供 TypeScript 版本
我们所有的 Next.js 网站 模板 现在都提供 JavaScript 和 TypeScript 版本，因此您可以选择最适合您和您的团队的语言。
下载模板时，您将在 zip 文件中找到两个文件夹——/{template}-js 和 /{template}-ts，每个文件夹都包含整个模板的源代码，分别使用相应的语言。
每个模板都是由那些对类型设置得恰到好处感到非常满意的极客使用最新版本的 TypeScript 编写的，因此，如果您喜欢 TypeScript，您应该会发现这种体验非常令人满意。
2023 年 7 月 13 日
认识 Studio：一个美丽的新型多页机构模板
我们刚刚发布了 Studio，这是一个使用 Tailwind CSS 和 Next.js 构建的美丽的新型多页机构模板。这是我们迄今为止最大的模板，它利用了 Next.js 中的新应用程序路由器。
我们真的对这个模板的细节进行了细致的打磨，例如使用 Framer Motion 在整个模板中巧妙地加入微妙的动画，以及使用 MDX 使案例研究和博客文章的创作体验变得很棒。
2023 年 4 月 24 日
全新应用程序 UI 页面 + 大量组件更新
我们刚刚发布了应用程序 UI 的重大更新，其中包括完全重新设计的页面示例，以及数十个更新和全新的组件。
新的页面示例包括浅色和深色设计，还包括大家一直期待的首页设计，这是我们在一些新的营销组件中使用截图后，大家一直要求我们提供的。
我们还对所有现有的组件类别进行了梳理，寻找改进的机会，包括新的徽章、堆叠列表、表格、表单布局、统计部分等等。
- 在 徽章 类别中更新了 18 个新设计
- 在 按钮 类别中更新了 3 个新设计
- 在 描述列表 类别中更新了 7 个新设计
- 在 信息流 类别中更新了 1 个新设计
- 在 表单布局 类别中更新了 5 个新设计
- 在 网格列表 类别中更新了 1 个新设计
- 在 多列布局 类别中更新了 6 个新设计
- 在 页面标题 类别中更新了 2 个新设计
- 在 侧边栏布局 类别中更新了 8 个新设计
- 在 侧边栏导航 类别中更新了 5 个新设计
- 在 登录和注册 类别中更新了 5 个新设计
- 在 堆叠列表 类别中更新了 17 个新设计
- 在 统计 类别中更新了 2 个新设计
- 在 表格 类别中更新了 3 个新设计
- 在 标签 类别中更新了 1 个新设计
- 更新了 垂直导航 类别，添加了 5 个新设计。
2023 年 4 月 12 日
推出 Commit：一个漂亮的新变更日志模板
我们刚刚发布了 Commit，这是一个用 Tailwind CSS、Next.js、MDX 和一点 Motion One 打造的漂亮的新变更日志模板。
受纯文本 CHANGELOG 文件的启发，我们构建了整个模板，您可以从一个辉煌的 Markdown 文件中管理所有内容——只需在您上次发布的帖子上面添加一条水平线，然后开始输入。
2023 年 4 月 4 日
全新的营销页面示例 + 大量组件更新
如果您一直在密切关注，您可能已经注意到过去几周营销类别中出现了很多“新”徽章。
我们决定是时候为所有营销组件重新设计一下了，从所有页面示例的全新设计开始。
我们还更新了每个单独的营销组件类别，包括全新的定价部分、推荐、徽标云、团队部分、统计数据等等。
- 更新了 定价部分 类别，添加了 13 个新设计。
- 更新了 推荐 类别，添加了 9 个新设计。
- 更新了 徽标云 类别，添加了 12 个新设计。
- 更新了 内容部分 类别，添加了 6 个新设计。
- 更新了 横幅 类别，添加了 13 个新设计。
- 更新了 博客部分 类别，添加了 7 个新设计。
- 更新了 联系部分 类别，添加了 8 个新设计。
- 更新了 弹出菜单 类别，添加了 7 个新设计。
- 更新了 页眉部分 类别，添加了 10 个新设计。
- 更新了 页眉 类别，添加了 12 个新设计。
- 更新了 新闻稿部分 类别，添加了 7 个新设计。
- 更新了 统计数据 类别，添加了 10 个新设计。
- 更新了 团队部分 类别，包含 9 个新设计
- 更新了 CTA 部分 类别，包含 2 个新设计
- 更新了 功能部分 类别，包含 2 个新设计
- 更新了 页脚 类别，包含 1 个新设计
- 更新了 英雄部分 类别，包含 2 个新设计
2023 年 1 月 27 日
2022 年 12 月 15 日
新的协议模板
今天，我们很高兴地宣布推出我们的新 协议模板，这是一个精心制作的文档模板，专门用于 API 参考。
由 MDX 提供支持，我们已经细致入微地处理了所有细节，以确保创作体验很棒，让您专注于编写出色的 API 文档，而不是围绕它的工具。
2022 年 9 月 7 日
新的聚光灯模板
今天，我们很高兴地宣布推出我们的新 聚光灯模板，这是一个个人网站，它非常棒，您一定会受到启发，并发布到上面。
它使用 Tailwind CSS 和 Next.js 构建，包含您启动个人网站所需的一切，包括博客、项目页面、暗模式等等。与往常一样，它由 Tailwind CSS 团队设计和构建。
2022 年 8 月 12 日
2022 年 6 月 23 日
Tailwind UI 模板
今天，我们很高兴地宣布推出 Tailwind UI 模板！
这些是使用 React 和 Next.js 构建的视觉上令人惊叹、易于定制的网站模板。它是您下一个项目的完美起点，也是学习专家如何使用 Tailwind CSS 构建真实网站的终极资源。
- Salient 模板 - 一个美丽的 SaaS 着陆页，用于宣布您的下一个大想法。
- Transmit 模板 - 一个干净专业的播客模板，适合任何节目。
- Syntax 模板 - 使用此文档模板以风格化方式教育您的用户。
- Keynote 模板 - 使用此引人注目的模板，让您的下一个会议惊艳亮相。
- Primer 模板 - 您的第一门课程或电子书的精美着陆页。
2022 年 3 月 8 日
新增内容
- 在 Application UI 包中添加了 16 个新的 表格 示例
2022 年 2 月 18 日
2022 年 2 月 4 日
新增内容
- 在 Application UI 包中添加了新的 日历 类别，包含 8 个示例
2021 年 11 月 8 日
2021 年 8 月 11 日
Tailwind UI 电子商务
今天，我们很高兴地宣布推出 Tailwind UI 电子商务！
历时近 6 个月，我们终于发布了自 2020 年 2 月首次发布以来 Tailwind UI 的第一个全新组件套件。
Tailwind UI 电子商务在 14 个新的组件类别和 7 个新的页面示例类别中添加了 100 多个新组件
- 在电子商务包中添加了新的 产品概述 类别，包含 5 个示例
- 在电子商务包中添加了新的 产品列表 类别，包含 11 个示例。
- 在电子商务包中添加了新的 类别预览 类别，包含 6 个示例。
- 在电子商务包中添加了新的 购物车 类别，包含 6 个示例。
- 在电子商务包中添加了新的 类别筛选器 类别，包含 5 个示例。
- 在电子商务包中添加了新的 产品快速浏览 类别，包含 4 个示例。
- 在电子商务包中添加了新的 产品特性 类别，包含 9 个示例。
- 在电子商务包中添加了新的 商店导航 类别，包含 5 个示例。
- 在电子商务包中添加了新的 促销部分 类别，包含 8 个示例。
- 在电子商务包中添加了新的 结账表单 类别，包含 5 个示例。
- 在电子商务包中添加了新的 评论 类别，包含 4 个示例。
- 在电子商务包中添加了新的 订单摘要 类别，包含 4 个示例。
- 在电子商务包中添加了新的 订单历史记录 类别，包含 4 个示例。
- 在电子商务包中添加了新的 激励措施 类别，包含 8 个示例。
- 在电子商务包中添加了新的 店面页面 类别，包含 4 个示例。
- 在电子商务包中添加了新的 产品页面 类别，包含 5 个示例。
- 在电子商务包中添加了新的 类别页面 类别，包含 5 个示例。
- 在电子商务包中添加了新的 购物车页面 类别，包含 3 个示例。
- 在电子商务包中添加了新的 结账页面 类别，包含 5 个示例。
- 在电子商务包中添加了新的 订单详情页面 类别，包含 3 个示例。
- 在电子商务包中添加了新的 订单历史记录页面 类别，包含 5 个示例。
2021 年 7 月 14 日
2021 年 5 月 7 日
2021 年 4 月 14 日
React 和 Vue 支持
今天，我们很高兴地宣布为 Tailwind UI 中的所有示例添加对 React 和 Vue 3 的一流支持，这使得将它们应用到您的项目中变得更加容易。
这 是一段漫长的旅程，但我对最终的结果感到非常自豪，并且真的认为这将使 Tailwind UI 成为一大批新的 Tailwind CSS 用户的实用工具。
-
功能性和可访问性 - Tailwind UI 中的所有 React 和 Vue 示例都由 Headless UI 提供支持，它为您处理所有 ARIA 属性管理、键盘交互、焦点处理等等，同时将所有这些复杂性安全地隐藏在您的
node_modules文件夹中，这样我们就可以代表您进行改进和修复错误，而无需您更改任何代码。 - 完全可定制 - 借助 Headless UI，我们设法抽象了所有复杂的 JS 功能，而不会剥夺对实际标记的任何控制。这意味着整个设计仍然完全由您控制，您可以通过简单地添加和删除实用程序类来完全自定义任何示例，就像您习惯的那样。
所有这些内容都作为 Tailwind UI 客户的完全免费更新提供。只需登录您的帐户，在任何组件上方的下拉菜单中选择 HTML、React 或 Vue，然后以您想要的格式获取代码。
2021 年 3 月 26 日
2021 年 3 月 10 日
2021 年 2 月 3 日
2021 年 1 月 21 日
2021 年 1 月 11 日
2020 年 12 月 18 日
2020 年 11 月 1 日
2020 年 10 月 2 日
2020 年 8 月 19 日
2020 年 7 月 31 日
新增内容
- 在应用程序 UI 包中添加了前三个 首页示例
2020 年 7 月 20 日
2020 年 7 月 3 日
2020 年 6 月 19 日
新增内容
- 在应用程序 UI 包中添加了新的 Slide-Overs 类别，包含 6 个示例
2020 年 6 月 9 日
新增内容
- 在应用程序 UI 包中添加了新的 Select Menus 类别，包含 6 个示例
2020 年 5 月 6 日
新增内容
- 在营销包中添加了新的 Headers 类别，包含 4 个示例
- 在营销包中添加了新的 Flyout Menus 类别，包含 6 个示例
2020 年 4 月 7 日
新增内容
- 在应用程序 UI 包中添加了新的 Alerts 类别，包含 6 个示例
- 在营销包中添加了新的 Contact Sections 类别，包含 6 个示例
- 修复了 Branded Nav with Compact White Page Header 堆叠布局中侧边栏配置文件部分上方的边框颜色（从
border-gray-700更改为border-indigo-800）
2020 年 3 月 25 日
新增内容
- 在应用程序 UI 包中添加了新的 Stats 类别，包含 3 个组件
- 在应用程序 UI 包中添加了新的 Notifications 类别，包含 6 个组件
- 在营销包中添加了新的 Blog Sections 类别，包含 3 个组件
- 将 Toggle 组件中的
flex-no-shrink更正为flex-shrink-0 - 修复了 Firefox 中 Description List 组件的截断问题（参见 https://github.com/tailwindui/issues/issues/71）
- 修复了侧边栏布局中画布外菜单在非常小的屏幕上过宽的问题（参见 https://github.com/tailwindui/issues/issues/2）
无障碍性改进
本周我们开始与无障碍性顾问合作，他们一直在审查我们的早期访问组件，并确保我们遵循所有最佳实践。
- 通过
aria-labelledby和aria-describedby将 Action panel with toggle 上的链接切换到标题/描述 - 在 Stacked Layouts 中的徽标图像中添加 alt 属性
- 在 Stacked Layouts 中的仅图标按钮中添加
aria-label属性（例如，在铃铛按钮上使用aria-label="Notifications"） - 在 Stacked Layouts 上的头像下拉菜单中添加菜单语义
2020 年 3 月 6 日
新增内容
- 添加了新的 Action Panels 类别，包含 8 个组件
- 新增了 布局容器 类别，包含 4 个组件。
- 新增了 布局面板 类别，包含 10 个组件。
- 新增了两个 表单布局 示例 （两列卡片，分别带有提交操作和两列全宽卡片）
- 新增了一个 “三层级，突出显示层级” 定价部分示例。
- 新增了 营销横幅，包含 4 个组件 （我们第一天就完成了这些，但由于配置错误，一直隐藏！真是失误。）
- 修复了 页面标题 和 卡片标题 中按钮的焦点/活动样式 （这些样式与我们在 Tailwind UI 中其他地方使用的按钮样式略有不同）
- 调整了 带有灰色页脚的模态框 组件的页脚填充 （我们最初使用了
py-4，但py-3更一致） - 我们在描述列表组件中将
dd和dt元素颠倒了 - 现在我们已经修复了！