
为开发者构建
包含内容
Studio 是一个精美的多页机构模板,使用 Tailwind CSS 和 Next.js 构建,由 Tailwind CSS 团队设计和构建。
它表面上看似简洁,但加载了微妙的交互细节和由 Framer Motion 驱动的令人愉悦的动画,当您开始探索时,这些动画真正使网站栩栩如生。
案例研究和博客文章使用 MDX 编写,对于任何喜欢 Markdown 文件的人来说,发布新内容都是一种享受。
它已为生产环境做好准备,并且易于自定义,使其成为您机构网站的绝佳起点。
我们在代码上投入了与设计相同的精力,因此,如果您想研究专家如何使用 Tailwind CSS 和 React 构建网站,它也是一个宝贵的资源。
由专家构建 — 您可以相信所有代码都是按照 Tailwind CSS 最佳实践编写的,因为它是由创建和维护该框架的同一团队编写的。
易于自定义 — 一切都使用实用程序类进行样式设置,直接在标记中。无需处理配置变量或复杂的 CSS,只需在编辑器中打开标记并更改您想要的任何内容。
使用 Next.js 构建 — 该模板是一个结构良好、经过深思熟虑的组件化 Next.js 项目,为您提供一个高效且愉快的工作代码库。
键盘可访问 — 我们构建的一切都是键盘可访问的,并且我们精心制作标记以提供我们所知的最佳屏幕阅读器体验。
TypeScript 或 JavaScript — 由最新版本的 TypeScript 编写,由那些对正确设置类型感到非常满意的书呆子编写。我们还包括一个纯 JavaScript 版本,以防 TypeScript 不是您的菜。
已为生产环境做好准备 — 在所有浏览器的最新版本中经过严格测试,以处理您可能容易忽略的许多边缘情况。
易于部署 — 已为生产环境做好准备,并且可以轻松部署到任何可以部署 Next.js 应用程序的地方,例如 Vercel 或 Netlify。
屏幕截图




技术
我们的模板经过精心设计,采用了我们喜爱的工具的最新版本,以便于维护,并且真正有趣。
- Next.js v14
- Tailwind CSS v4.0
- React v18
- MDX v2.3
- Framer Motion v10
- TypeScript v5.3
定价
只需购买一个或全部购买。
每个模板都包含免费更新,并且可以用于无限的项目 — 包括个人和商业项目。
Studio—机构模板
$99
一次性付款
另加当地税费
使用这款精致的机构模板,展示您的作品并寻找新客户。
无限项目 —一次购买,即可将此模板用于您需要的任意数量的项目,包括个人和商业项目。
免费更新 —我们对此模板进行的任何更新都包含在您的原始购买中。
简单的 .zip 文件 —该模板以简单的存档形式交付,您可以解压缩并立即开始使用。
通过 Tailwind Plus 获取一切
$299
一次性付款
另加当地税费
一次性购买即可获得营销、应用程序 UI 和电子商务组件、我们所有的网站模板以及我们的 Catalyst UI Kit 的终身访问权限。
Tailwind Plus 功能
超过 500+ UI 区块 —构建精美的营销网站、应用程序 UI、电子商务商店等所需的一切。
每个网站模板 —设计精美,工艺精湛的网站模板,采用 React 和 Next.js 等现代技术构建。
Catalyst UI 套件 —一个用于使用 React 和 Tailwind CSS 构建您自己的组件系统的入门套件。
私人社区 —加入一个独家的仅限会员的 Discord,您可以在其中与其他设计师和开发人员联系。
团队可用 — 为您的整个团队获得我们所有模板和组件的访问权限,以及任何未来的更新。
客户评价
常见问题
您需要知道的一切。
通用
“终身访问权限”究竟是什么意思?
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 天内,我们将全额退款给您,无需任何问题。