Radiant

SaaS 营销模板

我们最初设计这个模板是为了我们自己要构建的 SaaS,但是当我们完成的时候,我们已经放弃了这个想法。所以我们把它变成了给你的模板。

React
Next.js

包含内容

Radiant 是一个使用 Tailwind CSS 和 Next.js 构建的精美多页 SaaS 业务模板,由 Tailwind CSS 团队设计和构建。

它被设计为易于调整,您只需放入自己的应用程序截图和内容即可。甚至主页上的动画便当卡片也是为了方便自定义而构建的。

该博客由 Sanity 提供支持,因此即使您团队中的非开发人员也可以发布新文章。

我们在代码方面与设计方面一样用心,因此如果您想研究专家如何使用 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
  • React v18
  • Framer Motion v10
  • TypeScript v5.3
  • Sanity v3.5

定价

只需一个或全部获取。

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

React
Next.js

获取所有访问权限

获取所有访问权限

249

一次性付款
加上当地税费

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

所有访问权限功能

  • 每个网站模板 — 精心设计、由专家制作的网站模板,使用 React 和 Next.js 等现代技术构建。

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

  • 永久访问 — 立即访问我们目前拥有的一切,以及我们未来添加的任何新组件和模板。

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

RadiantSaaS 营销模板

获取模板

89加当地税费

为您的 SaaS 业务量身打造的精美多页营销网站。

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

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

  • 简单的 .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],我们将全额退款,不问任何问题。