Tailwind UI:网站模板和全访问权限

当我还是一个编程新手时,我很喜欢关注 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 内容!