SaaS 营销模板

Salient

每个 SaaS 营销网站都使用相同的公式 —— 首页、功能部分、一些客户评价,您知道的。但有些网站就是比其他的更漂亮。

React
Next.js

为开发者构建

包含什么

Salient 是一个精美的落地页模板,适用于您的下一个 SaaS 创意,使用 Tailwind CSS 和 Next.js 构建,并由 Tailwind CSS 团队设计和构建。它已为生产环境做好准备,并且易于自定义,使其成为您自己项目的完美起点。

我们在代码上投入了与设计相同的精力,因此,如果您想研究专家如何使用 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 v4.0
  • Headless UI v2.1
  • React v18
  • TypeScript v5.3

定价

只需购买一个或全部购买。

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

React
Next.js

SalientSaaS 营销模板

$99

一次性付款

另加当地税费

获取模板

一个精美的 SaaS 落地页,用于发布您的下一个伟大创意。


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

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

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

通过 Tailwind Plus 获取所有内容

$299

一次性付款

另加当地税费

获取 Tailwind Plus

只需一次性购买,即可获得营销、应用程序 UI 和电子商务组件、我们所有的网站模板以及我们的 Catalyst UI Kit 的终身访问权限。


Tailwind Plus 功能

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

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

  • Catalyst UI kit 一个使用 React 和 Tailwind CSS 构建您自己的组件系统的入门套件。

  • 私有社区 加入一个专属的会员制 Discord,您可以在其中与其他设计师和开发人员联系。

团队可用 —— 为您的整个团队获取我们所有的模板和组件,以及任何未来的更新。

客户评价

Tailwind Plus 使我能够完全靠自己交付 Reflect 的第一个版本,同时仍然对设计感到非常自豪。

Alex MacCaw

创始人 Reflect & Clearbit

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

Ben Barbersmith

CTO & 联合创始人 Levellr

常见问题

您需要知道的一切。

通用

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

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

“免费更新”包括什么?

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

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

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

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

Tailwind Plus: 当您购买 Tailwind Plus 许可证时,您可以访问今天可用的每个网站模板每个组件包,以及我们在未来发布的任何新模板或组件包,而无需额外付费。

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

兼容性

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

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

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

使用什么 JS 框架?

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

使用哪个版本的 Tailwind CSS?

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

支持哪些浏览器?

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

我们不支持 Internet Explorer 11。

许可

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

支持

你们提供技术支持吗?

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

因为每个项目都不同,并且独立编写的代码片段之间的交互可能很复杂且耗时,因此 我们不提供技术支持或咨询.

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

你们的退款政策是什么?

如果您因任何原因对您的购买不满意,请发送电子邮件至 support@tailwindcss.com,在 30 天内,我们将全额退款给您,无需任何问题。