含まれるもの
Studio は、Tailwind CSS チームによって設計および構築された、Tailwind CSS と Next.js で構築された美しいマルチページエージェンシーテンプレートです。
表面上は最小限ですが、Framer Motion によって強化された微妙なインタラクティブなディテールと楽しいアニメーションが満載されており、サイトを探索し始めると本当に生き生きとします。
ケーススタディとブログ記事は MDX で作成されており、優れた Markdown ファイルを愛する人なら誰でも新しいコンテンツを公開するのが楽しくなります。
本番環境に対応しており、カスタマイズが簡単なので、エージェンシーのウェブサイトの出発点として最適です。
コードにもデザインと同じくらい注意を払っているので、Tailwind CSS と React を使って専門家がどのようにウェブサイトを構築しているかを学びたい場合にも貴重なリソースになります。
専門家によって構築 — すべてのコードは、フレームワークを作成および保守する同じチームによって記述されているため、Tailwind CSS のベストプラクティスに従って記述されていると信頼できます。
カスタマイズが簡単 — すべてがマークアップ内でユーティリティクラスで直接スタイル設定されています。設定変数や複雑な CSS と格闘する必要はありません。エディターでマークアップを開いて、必要なものを変更するだけです。
Next.js で構築 — テンプレートは、適切に構造化された、思慮深くコンポーネント化された Next.js プロジェクトであり、生産的で楽しく作業できるコードベースを提供します。
キーボードでアクセス可能 — 私たちが構築するすべてのものはキーボードでアクセス可能であり、私たちが知っている最良のスクリーンリーダーエクスペリエンスを提供するためにマークアップを注意深く作成します。
TypeScript または JavaScript — 最新バージョンの TypeScript を使用して、型を適切に取得することに過剰な満足感を得ているオタクによって作成されており、可能な限り最高の開発者エクスペリエンスを提供します。TypeScript があなたの好みではない場合に備えて、プレーンな JavaScript バージョンも含まれています。
本番環境に対応 — 最新バージョンのすべてのブラウザで厳密にテストされており、見落としやすい多くのエッジケースに対応できます。
簡単にデプロイ可能 — 本番環境に対応しており、Vercel や Netlify のように Next.js アプリケーションをデプロイできる場所ならどこにでも簡単にデプロイできます。
スクリーンショット
開発者向けに構築
私たちのテンプレートは、メンテナンスが簡単で、実際に作業するのが楽しいように、私たちが愛するツールの最新かつ最高のバージョンを使用して思慮深く作成されています。
- Next.js v14
- Tailwind CSS v3.4
- React v18
- MDX v2.3
- Framer Motion v10
- TypeScript v5.3
価格設定
1つだけ取得するか、すべて取得するか。
すべてのテンプレートには無料アップデートが含まれており、個人および商用の両方で無制限のプロジェクトで使用できます。
全アクセスを取得
全アクセスを取得$299
1回払い
さらに地方税
当社のすべてのウェブサイトテンプレートと、すべてのコンポーネント例への生涯アクセスを、1回限りの購入で取得できます。
全アクセス機能
すべてのサイトテンプレート — React や Next.js などの最新テクノロジーで構築された、美しくデザインされた、専門的に作成されたウェブサイトテンプレート。
500以上のコンポーネント — 美しいアプリケーション UI、マーケティングサイト、e コマースストアなどを構築するために必要なすべて。
生涯アクセス — 今日私たちが持っているすべてにすぐにアクセスできるだけでなく、今後追加する新しいコンポーネントとテンプレートにもアクセスできます。
チームで利用可能 — チーム全体で、すべてのテンプレートとコンポーネント、および将来のアップデートにアクセスできます。
無制限のプロジェクト — 一度購入して、個人用と商用の両方で必要なだけこのテンプレートを使用してください。
無料アップデート — テンプレートに対して行ったアップデートは、元の購入に含まれています。
シンプルな .zip ファイル — テンプレートは、解凍してすぐに使い始めることができるシンプルなアーカイブとして提供されます。
お客様の声
またしても、Tailwind と Tailwind UI は私のフロントエンド作業を劇的にスピードアップしています。現時点では、Tailwind UI は私が今まで購入した中で最も ROI の高いデジタル資産です。
よくある質問
知っておくべきことすべて
一般
「生涯アクセス」とは正確にはどういう意味ですか？
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 を使用できますか？
はい！構築しているものが、単一のクライアント向けに開発されたカスタム Web サイトである限り、Tailwind UI のコンポーネントとテンプレートをその構築に利用しても全く問題ありません。
唯一できないことは、Tailwind UI を使用して、複数のクライアントに再販される Web サイトまたはテンプレートを構築することです。
詳細および例については、ライセンスをお読みください。
自分の商用プロジェクトに Tailwind UI を使用できますか？
もちろんです！ライセンスにより、シンプルな公開 Web サイトでも、エンドユーザーがアクセスするためにお金を払う必要がある SaaS アプリケーションでも、自分のプロジェクトを好きなだけ構築する許可が与えられます。
構築しているものが、Web サイトビルダーや、顧客が Tailwind UI に由来する要素を使用して独自のサイトを作成できるようなツールでない限り、問題ありません。
詳細および例については、ライセンスをお読みください。
オープンソースプロジェクトで Tailwind UI を使用できますか？
はい！構築しているものが、実際の Web サイトのようなもので、コンポーネントライブラリ、テーマビルダー、または当社のコンポーネントを再パッケージ化および再配布することが明確な主な目的であるその他の製品ではない限り、そのプロジェクトがオープンソースであることは全く問題ありません。
許可されるものと許可されないものの詳細と例については、 ライセンスをお読みください。.
Tailwind UI で構築したテンプレート/テーマを販売できますか？
いいえ、Tailwind UI を使用して、テーマ、UI キット、ページビルダー、またはその他の、当社のコンポーネントやテンプレートを再パッケージ化して再配布し、他の人が自分のサイトを構築するために使用するような派生物を作成することはできません。
許可されるものと許可されないものの詳細と例については、 ライセンスをお読みください。.
サポート
テクニカルサポートは提供していますか？
Tailwind UI はセルフサービス型の製品です。つまり、アカウント管理やライセンスに関する懸念事項についてはカスタマーサポートを提供していますが、お客様が製品を正常に使用するために、Tailwind CSS、HTML、React、および Vue に関する必要な知識を持っていることが前提となります。
すべてのプロジェクトは異なり、独立して作成されたコードが相互作用する方法は複雑で理解に時間がかかる可能性があるため、 テクニカルサポートまたはコンサルティングは提供しておりません。.
Tailwind UI のお客様は、プライベートな Discord コミュニティにアクセスして、質問したり、質問に答えて他の人を助けたりできますが、当社自身が第一当事者のテクニカルサポートやコンサルティングを提供することはありません。
返金ポリシーは何ですか？
何らかの理由で購入にご満足いただけなかった場合は、 support@tailwindui.com に 30 日以内にメールでお問い合わせください。全額返金いたします。質問は一切ありません。