構文

ドキュメントテンプレート

ドキュメントを作成するのは、デザインについて心配することなく、髪をむしりたくなるほど大変です。いくつか髪の毛を残せるように手伝わせてください。

React
Next.js

含まれるもの

Syntaxは、Tailwind CSSチームによって設計および構築された、Tailwind CSSとNext.jsで構築された美しいドキュメントテンプレートです。

Stripeの新しいMarkdownベースのオーサリングフレームワークであるMarkdocを利用することで、ツールの周りのことではなく、優れたドキュメントの作成にこれまで以上に集中しやすくなりました。

本番環境に対応しており、カスタマイズが簡単なため、独自のドキュメントサイトの出発点として最適です。

デザインと同じくらいコードにも気を配ってきたので、専門家がTailwind CSSとReactでウェブサイトを構築する方法を学びたい場合にも、非常に貴重なリソースになります。

専門家によって構築 — コードはすべてTailwind CSSのベストプラクティスに従って記述されており、フレームワークを作成および維持している同じチームによって記述されているため、信頼できます。

カスタマイズが簡単 — すべてがマークアップ内でユーティリティクラスを使用して直接スタイル設定されています。構成変数や複雑なCSSと格闘する必要はなく、エディターでマークアップを開いて、好きなように変更するだけです。

Next.jsで構築 — テンプレートは、構造化されており、丁寧にコンポーネント化されたNext.jsプロジェクトであるため、生産的で楽しく作業できるコードベースが提供されます。

キーボードアクセス可能 — 私たちが構築するものはすべてキーボードアクセス可能であり、スクリーンリーダーの最高の体験を提供するために、マークアップを注意深く作成しています。

TypeScriptまたはJavaScript — 型を正確に取得することに満足感を得ているオタクが、最新バージョンのTypeScriptで作成しており、可能な限り最高の開発者体験を提供します。TypeScriptがお好きでない場合のために、プレーンなJavaScriptバージョンも含まれています。

本番環境に対応 — 最新バージョンのすべてのブラウザーで厳密にテストされており、見落としがちな多くのエッジケースを処理できます。

簡単なデプロイ — 本番環境に対応しており、VercelやNetlifyなどのNext.jsアプリケーションをデプロイできる場所ならどこにでも簡単にデプロイできます。

スクリーンショット

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.0
  • React v18
  • Markdoc v0.1
  • TypeScript v5.3

価格

1つだけ取得するか、すべて取得してください。

すべてのテンプレートには無料アップデートが含まれており、個人用と商用用の両方で無制限のプロジェクトで使用できます。

React
Next.js

全アクセスを取得

全アクセスを取得

$299

1回払い
加えて現地税

一度限りの購入で、当社のすべてのウェブサイトテンプレートとすべてのコンポーネント例への生涯アクセスを取得してください。

全アクセス機能

  • すべてのサイトテンプレート — ReactやNext.jsなどの最新テクノロジーで構築された、美しくデザインされ、専門的に作られたウェブサイトテンプレート。

  • 500以上のコンポーネント — 美しいアプリケーションUI、マーケティングサイト、eコマースストアなどを構築するために必要なものすべて。

  • 生涯アクセス — 現在のすべてのコンテンツへの即時アクセスと、今後追加される新しいコンポーネントおよびテンプレートにアクセスできます。

チームで利用可能 — チーム全体で、すべてのテンプレートとコンポーネント、および将来のアップデートにアクセスできます。

Syntaxドキュメントテンプレート

テンプレートを取得

$99加えて現地税

このドキュメントテンプレートを使用して、ユーザーをスタイリッシュに教育しましょう。

  • 無制限のプロジェクト 一度購入すれば、個人用と商用用の両方で、必要な数のプロジェクトにこのテンプレートを使用できます。

  • 無料アップデート テンプレートに対するアップデートは、元の購入に含まれています。

  • シンプルな.zipファイル テンプレートは、解凍してすぐに使い始めることができるシンプルなアーカイブとして提供されます。

お客様の声

またしてもTailwindとTailwind UIによって、私のフロントエンド作業が劇的にスピードアップしています。現時点では、Tailwind UIはこれまで購入した中で最もROIの高いデジタルアセットです。

Ben Barbersmith@benbarbersmith

よくある質問

知っておくべきことすべて

一般

「生涯アクセス」とは正確にはどういう意味ですか?

Tailwind UI製品は 1回限りの購入であり、定期購読はありません。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 v) 用に設計および開発されています。3.4.

どのブラウザがサポートされていますか?

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日以内に次のメールアドレスまでご連絡ください。 support@tailwindui.com 30日以内にご連絡いただければ、理由を問わず全額返金いたします。