Tailwind UI:站点模板与全访问

Adam Wathan
Tailwind CSS 模板

当我刚开始我的编程生涯时,我很喜欢关注 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,或者你可以通过 全访问 获取所有模板——我们今天推出的新 终身获取所有新增内容 套餐。


全面拥抱全访问

当我们开始制作模板时,我非常确定的一点是我希望获取 所有 模板的访问权变得容易。

这对我来说有两个原因:

  1. 我希望人们把我们的模板看作是教育资源,而不是传统的网站主题。我们构建的每个模板都有其独特的学习时刻,我不希望人们对学习的内容有所选择。
  2. 我不想在每个模板上担心投资回报率。如果我必须确保每个模板都有广泛的吸引力,设计和构建模板的乐趣将会消失。我希望我们能有自由去制作小众、有趣的内容,探索酷炫的创意,而不仅仅是能够单独售出足够副本的模板,以证明我们为其投入的工作是值得的。

当我还是个小孩时,我去过一个 音乐节,那里几乎有一百个乐队演出。我绝对 喜欢 的几支乐队,熟悉每一首歌,任何一天我都会买票去看。

然而大多数乐队我只是 喜欢,但不值得我开90分钟的车去现场。但是把所有乐队聚集在一起让我买了机票去巴黎,体验了我一生中最美好的时刻之一。

我希望 Tailwind UI 像一个音乐节,你可以在舞台之间游走,享受一两首你从未听过的乐队的歌曲,偶尔会被一场表演震撼到,你本来可能根本不会去查看。

因此,我们推出了新的 全访问套餐,它包括对今天存在的每个模板和组件包的访问及我们未来添加的任何新内容。

获取 Tailwind UI 全访问

这是一次性购买,价格为 $299。没有订阅费,不需要升级成本——如果我们为 Tailwind UI 添加新内容,你将永久拥有。

如果你已经拥有 Tailwind UI 中的所有内容,我们会免费将你升级到全访问


所以就是这样——这就是我们过去几个月一直在努力的所有内容!

我们已经有一堆新的模板在筹备中,并积极地将这些模板中的许多组件理念提取到新的示例中,以包含在营销、应用 UI 和电子商务组件类别中。

这也是我在制作这些站点模板时最喜欢的事情之一——使用 Tailwind 构建真实世界的东西,是我们提出新组件创意和寻找改进 Tailwind CSS 和 Headless UI 的方式。

期待在接下来的几个月中看到更多 Tailwind UI 的新内容!

Get all of our updates directly to your inbox.
Sign up for our newsletter.