当我刚开始我的编程生涯时,我很喜欢关注
thoughtbot。他们总是写有趣的编程文章,制作出精彩的录制视频,并出版令人惊叹的书籍。我能感觉到他们真的很关心自己的手艺,这让我受到了极大的鼓舞。
但是当他们发布
Upcase 时,我最兴奋的并不是课程或每周视频。让我最兴奋的是 Upcase 本身的源代码——当你订阅时,他们提供的实际在生产中使用的 Rails 代码库。
我从博客文章、书籍和录制视频中学到了很多,但我仍然渴望有机会深入了解一个由我信任的人制作的真实代码库,研究他们如何将所有知识结合起来构建一个可投入生产的应用程序。
那段经历对我来说是一次变革性的体验,因此我一直希望能给人们提供类似的机会,去学习如何用 Tailwind CSS 构建真实的网站。
布局如何被拆分成组件,这些组件暴露了什么样的 API,配置是如何定制的——所有那些你在浏览器中仅仅点击“查看源代码”时无法看到的有趣决策。
所以今天我们发布了第一批官方的 Tailwind CSS
网站模板——美丽的设计,工程化为生产级代码库,由 Tailwind CSS 和 Next.js 提供支持。

我们从三月开始设计这些模板,我非常兴奋能够将这前五个模板推出,让你们可以查看和尝试它们:
- Syntax——一个文档网站模板,基于 Stripe 的新 Markdoc 库,非常适合像开源项目或产品文档的应用。
- Primer——一个电子书和课程的着陆页模板,融入了我们在推出自己信息产品时学习到的许多最佳实践。
- Salient——一个惊艳却简单的 SaaS 营销网站,你可以迅速调整以适应你的下一个想法,而不会浪费你希望用在实际产品上的时间。
- Keynote——一个美丽的会议网站设计,适合小型本地聚会,也非常适合国际活动。
- Transmit——一个非常棒的播客模板,配有一个自定义的持久音频播放器,你可以迅速将其连接到自己的 RSS 源。
我们在设计和代码方面投入了大量时间和精力,所有内容的结构完全是我们在真实生产项目中会采用的方式。当你不想从空白画布开始时,它们是完美的起点,也是学习专家如何使用 Tailwind CSS 构建现代网站的最佳方式。

每个模板可以单独以 $99 购买,或者你可以通过 全访问 获取全部——我们今天发布的新 获取我们未来发布的所有内容 套餐。
全力以赴全访问
当我们开始制作模板时,我很确定的一点是我希望能够轻松获取到 所有 模板。
这对我来说重要的原因有两个:
-
我希望人们将我们的模板视为教育资源,而不是传统网站主题。我们构建的每个模板都有其独特的学习时刻,我不希望人们不得不挑选他们能从中学习的内容。
-
我不想担心每个模板的投资回报。没有什么比确保每个模板都有广泛吸引力更能消减设计和构建模板的乐趣。我希望我们有自由去制作小众、有趣的东西,以及酷的研究想法,而不仅仅是能够独立售出足够副本来证明我们投入的工作的模板。
当我还是个小孩时,我去过一个
法国的音乐节,几乎有一百支乐队表演。演出阵容中有几支乐队我绝对 爱,知道每一首歌,随时都愿意买票去看。
然而大多数乐队我其实只是很 喜欢,但不会专门开车 90 分钟来参加演出。但把它们都安排在一起让我买了去巴黎的机票,体验了我人生中最美好的经历之一。
我希望 Tailwind UI 感觉像一个音乐节,你可以在不同的舞台之间漫游,享受来自你从未听说过的乐队的几首歌,偶尔被你本不会关注的表演惊艳到。
所以我们推出了一个新的
全访问套餐,Tailwind UI 包含对今天拥有的每个模板和组件包的访问权限,以及我们未来添加的任何新内容。

这是一次性购买,价格为 $299。没有订阅,没有升级费用——如果我们在 Tailwind UI 中添加了新内容,它就是你的,永久有效。
如果你已经拥有 Tailwind UI 中的所有内容,我们将免费为你升级到全访问。
所以你看,这就是我们过去几个月以来一直在努力工作的所有内容!
我们已经有一批新的模板在开发中,并且我们正在积极提取许多组件的创意,将其转化为新的示例,以包含在市场营销、应用程序 UI 和电子商务组件类别中。
这是我最喜欢的制作这些网站模板的事情之一——用 Tailwind 构建现实世界的东西是我们提出新组件想法的最佳方式,同时还可以找到改善 Tailwind CSS 和 Headless UI 的方法。
期待在未来几个月中看到大量新的 Tailwind UI 内容!