Studio

代理模板

我们明白——你太忙于为客户构建很棒的东西,而没有时间构建自己的网站。使用这个吧,你甚至可以告诉别人是我们从你那里偷走了设计。

React
Next.js

包含内容

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。

屏幕截图

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
  • MDX v2.3
  • Framer Motion v10
  • TypeScript v5.3

定价

只买一个或全部买。

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

React
Next.js

获得全方位访问权限

获得全方位访问权限

$299

一次性付款
加上当地税费

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

全方位访问权限功能

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

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

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

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

工作室代理模板

获取模板

$99加上当地税费

使用此精致的代理模板展示您的作品并找到新客户。

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

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

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

客户评价

Tailwind 和 Tailwind UI 再次极大地加快了我的前端工作速度。到目前为止,Tailwind UI 无疑是我购买过的投资回报率最高的数字资产。

Ben Barbersmith@benbarbersmith

常见问题解答

您需要了解的一切

一般

What does “lifetime access” mean exactly?

Tailwind UI products are a one-time purchase, with no recurring subscription. When you purchase any Tailwind UI product, you have access to all of the content in that product forever.

What does “free updates” include?

When you purchase any Tailwind UI product, any improvements we make to that product will always be free for anyone who owns that product.

Individual templates: When you buy an individual template, any improvements we make to that template will be available to you as part of your original purchase.

So if we fix a bug or upgrade the template to use the latest version of Tailwind CSS or Next.js, you can download an updated version of the template free of charge.

Any new templates we release are considered separate products, and can be purchased separately.

All-access: When you purchase an all-access license, you get access to every site template available and every component package available today, plus any new templates or component packages we release in the future at no additional cost.

This means that if we add a brand new social media website template or new component package like “Journalism”, access to those products are included in your original purchase, with no upgrade cost.

兼容性

Are Figma, Sketch, or Adobe XD files included?

No, design assets for tools like Figma, Sketch, or Adobe XD are not included.

We don't produce high-quality design artifacts as part of our own design and development process, so building these extra resources means we can't spend as much time creating new components and templates in code which is where we believe we can provide the most value.

What JS framework is used?

Our website templates are built using Next.js, so all of the markup is written using React.

What version of Tailwind CSS is used?

Everything in Tailwind UI is designed and developed for the latest version of Tailwind CSS, which is currently Tailwind CSS v3.4.

What browsers are supported?

The components and templates in Tailwind UI are designed to work in the latest, stable releases of all major browsers, including Chrome, Firefox, Safari, and Edge.

We don't support Internet Explorer 11.

许可

Do I need to purchase a license for each project I work on?

Unlike most other templates/themes, you don't have to buy a new Tailwind UI license every time you want to use it on a new project.

As long as what you're building is allowed as per the license, you can build as many sites as you want without ever having to buy an additional license.

For more information and examples, read through our license.

Can I use Tailwind UI for client projects?

Yes! As long what you're building is a custom website developed for a single client, you can totally use components and templates in Tailwind UI to help build it.

The only thing you can't do is use Tailwind UI to build a website or template that is resold to multiple clients.

For more information and examples, read through our license.

Can I use Tailwind UI for my own commercial projects?

Absolutely! Your license gives you permission to build as many of your own projects as you like, whether those are simple public websites or SaaS applications that end users need to pay to access.

As long as what you’re building isn’t a website builder or other tool that customers can use to create their own sites using elements that originate from Tailwind UI, you’re good to go.

For more information and examples, read through our license.

Can I use Tailwind UI in open source projects?

Yep! As long as what you're building is some sort of actual website and not a derivative component library, theme builder, or other product where the primary purpose is clearly to repackage and redistribute our components, it's totally okay for that project to be open source.

For more information and examples of what is and isn't okay, read through our license.

Can I sell templates/themes I build with Tailwind UI?

No, you cannot use Tailwind UI to create derivative products like themes, UI kits, page builders, or anything else where you would be repackaging and redistributing our components or templates for someone else to use to build their own sites.

For more information and examples of what is and isn't okay, read through our license.

支持

您提供技术支持吗?

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

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

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

您的退款政策是什么?

如果您对购买有任何不满意,请在 30 天内通过电子邮件联系我们 [email protected],我们将全额退款,无需任何理由。