语法

文档模板

编写文档已经够让人抓狂的了,不用再为设计而烦恼。让我们帮你留住一些头发。

React
Next.js

包含内容

Syntax 是一个使用 Tailwind CSS 和 Next.js 构建的精美文档模板,由 Tailwind CSS 团队设计和构建。

它由 Markdoc 提供支持,Markdoc 是 Stripe 新推出的基于 Markdown 的创作框架,现在可以比以往任何时候都更容易专注于编写出色的文档,而不是围绕它的工具。

它已为生产环境做好准备,并且易于自定义,使其成为您自己的文档网站的完美起点。

我们对代码的关注程度与对设计的关注程度一样,因此,如果您想研究专家如何使用 Tailwind CSS 和 React 构建网站,它也是一个宝贵的资源。

由专家构建 — 您可以相信所有代码都是按照 Tailwind CSS 的最佳实践编写的,因为它是由创建和维护该框架的同一个团队编写的。

易于自定义 — 所有内容都使用实用程序类直接在标记中进行样式设置。无需配置变量或复杂的 CSS 来处理,只需在编辑器中打开标记并更改任何您想要的内容即可。

使用 Next.js 构建 — 该模板是一个结构良好、组件化周到的 Next.js 项目,为您提供了一个高效且令人愉快的工作代码库。

键盘可访问 — 我们构建的所有内容都可通过键盘访问,并且我们精心制作标记以提供我们所知的最佳屏幕阅读器体验。

TypeScript 或 JavaScript — 由极客使用最新版本的 TypeScript 编写,他们对正确设置类型感到非常满意,为您提供最佳的开发人员体验。我们还提供纯 JavaScript 版本,以防 TypeScript 不是您的菜。

为生产环境做好准备 — 在所有浏览器的最新版本中经过严格测试,以处理您可能容易错过的许多极端情况。

易于部署 — 为生产环境做好准备,并且可以轻松部署到任何可以部署 Next.js 应用程序的地方,例如 Vercel 或 Netlify。


屏幕截图

This is a detail imageThis is a detail imageThis is a detail imageThis is a detail image

专为开发人员打造

我们的模板经过精心设计,采用我们喜爱的工具的最新版本,因此易于维护,并且实际使用起来很有趣。

  • Next.js v14
  • Tailwind CSS v3.4
  • Headless UI v2.1
  • React v18
  • Markdoc v0.1
  • TypeScript v5.3

定价

只需一个或全部获取。

每个模板和 UI 工具包都包含免费更新,并且可以用于无限的项目 — 个人和商业项目。

React
Next.js

获取所有权限

获取所有权限

249

一次性付款
加上当地税

只需一次性购买即可获得我们每个网站模板以及我们所有组件示例的终身访问权限。

所有权限功能

  • 每个网站模板 — 精心设计、精湛工艺的网站模板,采用 React 和 Next.js 等现代技术构建。

  • 超过 500 多个组件 — 构建精美应用程序 UI、营销网站、电子商务商店等所需的一切。

  • 终身访问 — 立即访问我们今天拥有的一切,以及我们将来添加的任何新组件和模板。

适用于团队 — 访问我们所有的模板和组件,以及您的整个团队的任何未来更新。

语法文档模板

获取模板

89加当地税费

使用此文档模板,以时尚的方式教育您的用户。

  • 无限项目 一次购买,即可在您需要的任意数量的项目中使用此模板,包括个人和商业项目。

  • 免费更新 我们对此模板进行的任何更新都包含在您的原始购买中。

  • 简单的 .zip 文件 该模板以简单的压缩包形式提供,您可以解压缩并立即开始使用。

用户评价

Tailwind 和 Tailwind UI 再次大大加快了我的前端工作。在这一点上,Tailwind UI 是我买过的投资回报率最高的数字资产。

Ben Barbersmith@benbarbersmith

常见问题

您需要了解的一切

常规

“终身访问”到底是什么意思?

Tailwind UI 产品是 一次性购买,无需定期订阅。 当您购买任何 Tailwind UI 产品时,您可以永久访问该产品中的所有内容。

“免费更新”包括什么?

当您购买任何 Tailwind UI 产品时,我们对该产品进行的任何改进将始终对拥有该产品的任何人免费。

单个模板: 当您购买单个模板时,我们对该模板进行的任何改进将作为您原始购买的一部分提供给您。

因此,如果我们修复了一个错误或升级了模板以使用最新版本的 Tailwind CSS 或 Next.js,您可以免费下载更新版本的模板。

我们发布的任何新的模板都被视为单独的产品,可以单独购买。

全方位访问: 当您购买全方位访问许可证时,您可以访问当前提供的每个站点模板每个组件包,以及我们将来发布的任何新模板或组件包,无需额外费用。

这意味着,如果我们添加全新的社交媒体网站模板或诸如“新闻”之类的新组件包,访问这些产品都包含在您的原始购买中,无需升级费用。

兼容性

是否包含 Figma、Sketch 或 Adobe XD 文件?

否,不包含 Figma、Sketch 或 Adobe XD 等工具的设计资产。

我们不生产高质量的设计工件作为我们自己设计和开发过程的一部分,因此构建这些额外的资源意味着我们不能花那么多时间在代码中创建新的组件和模板,而我们相信这才是我们能够提供最大价值的地方。

使用哪个 JS 框架?

我们的网站模板是使用 Next.js 构建的,因此所有的标记都是使用 React 编写的。

使用哪个版本的 Tailwind CSS?

Tailwind UI 中的所有内容都是为最新版本的 Tailwind CSS 设计和开发的,目前是 Tailwind CSS v4.0.

支持哪些浏览器?

Tailwind UI 中的组件和模板旨在在所有主流浏览器的最新稳定版本中工作,包括 Chrome、Firefox、Safari 和 Edge。

我们不支持 Internet Explorer 11。

许可

我是否需要为我工作的每个项目购买许可证?

与大多数其他模板/主题不同,您不必每次想在新项目中使用它时都购买新的 Tailwind UI 许可证。

只要您构建的内容符合许可证的规定,您可以构建任意数量的站点,而无需购买额外的许可证。

有关更多信息和示例,请 阅读我们的许可证.

我可以在客户项目中使用 Tailwind UI 吗?

可以! 只要您构建的是为单个客户开发的自定义网站,您完全可以使用 Tailwind UI 中的组件和模板来帮助构建它。

您唯一不能做的是使用 Tailwind UI 构建一个转售给多个客户的网站或模板。

有关更多信息和示例,请 阅读我们的许可证.

我可以在自己的商业项目中使用 Tailwind UI 吗?

当然!您的许可证允许您构建任意数量的您自己的项目,无论是简单的公共网站还是最终用户需要付费访问的 SaaS 应用程序。

只要您构建的不是网站构建器或其他工具,客户可以使用这些工具来使用源自 Tailwind UI 的元素创建自己的站点,您就可以放心使用。

有关更多信息和示例,请 阅读我们的许可证.

我可以在开源项目中使用 Tailwind UI 吗?

可以! 只要您构建的是某种实际的网站,而不是派生的组件库、主题构建器或其他主要目的是明显重新打包和重新分发我们组件的产品,该项目就可以完全开源。

有关什么是允许的和不允许的更多信息和示例, 阅读我们的许可证.

我可以使用 Tailwind UI 出售我构建的模板/主题吗?

不可以,您不能使用 Tailwind UI 创建派生产品,例如主题、UI 工具包、页面构建器或任何其他您将重新打包和重新分发我们的组件或模板供其他人用来构建他们自己的网站的产品。

有关什么是允许的和不允许的更多信息和示例, 阅读我们的许可证.

支持

你们提供技术支持吗?

Tailwind UI 是一种自助服务产品,这意味着虽然我们确实为帐户管理和许可相关问题提供客户支持,但期望客户拥有使用该产品所需的 Tailwind CSS、HTML、React 和 Vue 知识。

因为每个项目都不同,而且独立编写的代码片段的交互方式可能很复杂并且需要花费时间来理解, 我们不提供技术支持或咨询.

Tailwind UI 客户可以访问一个私有的 Discord 社区,您可以在其中提问并帮助他人回答他们的问题,但我们自己不在此处提供第一方技术支持或咨询。

你们的退款政策是什么?

如果您因任何原因对购买不满意,请在 30 天内发送电子邮件至 [email protected],我们将全额退款,不问任何问题。