含まれるもの
Spotlightは、Tailwind CSSとNext.jsを使用して構築された、美しく洗練されたパーソナルウェブサイトテンプレートです。Tailwind CSSチームによって設計・構築されており、すぐに運用開始できるカスタマイズが容易なテンプレートです。個人ウェブサイトを作成するための最適な出発点となります。
デザインと同様にコードにも細心の注意を払っています。そのため、Tailwind CSSとReactを使用してWebサイトを構築する方法を学ぶための貴重なリソースにもなります。
専門家によって構築 - フレームワークを作成および保守しているのと同じチームによって書かれているため、すべてのコードがTailwind CSSのベストプラクティスに従って書かれていることを信頼できます。
カスタマイズが容易 - すべてがユーティリティクラスを使用してマークアップに直接スタイル付けされています。設定変数や複雑なCSSに苦労することなく、エディターでマークアップを開いて必要なものを変更するだけです。
Next.jsで構築 - このテンプレートは、適切に構造化され、コンポーネント化されたNext.jsプロジェクトであり、生産的で楽しい作業ができるコードベースを提供します。
キーボードアクセス可能 - 私たちが構築するものはすべてキーボードアクセス可能であり、可能な限り最高のスクリーンリーダーエクスペリエンスを提供するために、マークアップを注意深く作成しています。
TypeScriptまたはJavaScript - タイプを正しく設定することに非常に満足している開発者によって、最新バージョンのTypeScriptを使用して作成されており、可能な限り最高の開発エクスペリエンスを提供します。TypeScriptが好みでない場合に備えて、プレーンJavaScriptバージョンも含まれています。
本番環境に対応 - 見落としがちな多くのエッジケースを処理するために、すべてのブラウザの最新バージョンで厳密にテストされています。
デプロイが簡単 - 本番環境に対応しており、VercelやNetlifyなど、Next.jsアプリケーションをデプロイできる場所であればどこにでも簡単にデプロイできます。
スクリーンショット
開発者向けに構築
私たちのテンプレートは、最新のツールを使用して、メンテナンスが容易で、実際に作業するのが楽しいように、考え抜かれて作成されています。
- Next.js v14
- Tailwind CSS v3.4
- Headless UI v2.0
- React v18
- MDX v2.1
- TypeScript v5.3
価格
1つだけ入手するか、すべて入手するか。
すべてのテンプレートには無料アップデートが含まれており、個人用と商用の両方で無制限のプロジェクトで使用できます。
全アクセス権を取得
全アクセス権を取得$299
一回払い
現地税別途
1回購入するだけで、すべてのWebサイトテンプレートとすべてのコンポーネント例に生涯アクセスできます。
全アクセス機能
すべてのサイトテンプレート — ReactやNext.jsなどの最新テクノロジーを使用して構築された、美しくデザインされ、専門的に作成されたWebサイトテンプレート。
500以上のコンポーネント — 美しいアプリケーションUI、マーケティングサイト、eコマースストアなどを構築するために必要なすべて。
生涯アクセス - 現在提供しているすべてに加えて、今後追加される新しいコンポーネントやテンプレートにもすぐにアクセスできます。
チームで利用可能 - チーム全体で、すべてのテンプレートとコンポーネント、および今後のアップデートにアクセスできます。
無制限のプロジェクト — 一度購入すれば、個人用と商用の両方で、必要な数のプロジェクトでこのテンプレートを使用できます。
無料アップデート — テンプレートに加えるアップデートはすべて、元の購入に含まれています。
シンプルな.zipファイル — テンプレートは、解凍してすぐに使い始めることができるシンプルなアーカイブとして配信されます。
お客様の声
TailwindとTailwind UIは、私のフロントエンド作業を劇的にスピードアップさせてくれます。Tailwind UIは、私がこれまでに購入した中で、間違いなく最もROIの高いデジタル資産です。
よくある質問
知っておくべきことすべて
全般
「生涯アクセス」とは正確にはどういう意味ですか？
Tailwind UI製品は 1回購入すれば、定期購読はありません。Tailwind UI製品を購入すると、その製品のすべてのコンテンツに永久にアクセスできます。
「無料アップデート」には何が含まれていますか？
Tailwind UI製品を購入すると、その製品に加える改善はすべて、その製品を所有している人にとって常に無料です。
個々のテンプレート：個々のテンプレートを購入すると、そのテンプレートに加える改善はすべて、元の購入の一部として利用できます。
そのため、バグを修正したり、テンプレートをTailwind CSSまたはNext.jsの最新バージョンにアップグレードしたりする場合、更新されたバージョンのテンプレートを無料でダウンロードできます。
新しくリリースされたテンプレートは、個別の製品と見なされ、個別に購入できます。
全アクセス：全アクセスライセンスを購入すると、現在利用可能なすべてのサイトテンプレートとすべてのコンポーネントパッケージに加えて、今後リリースされる新しいテンプレートまたはコンポーネントパッケージに追加費用なしでアクセスできます。
つまり、真新しいソーシャルメディアWebサイトテンプレートや「ジャーナリズム」のような新しいコンポーネントパッケージを追加した場合、これらの製品へのアクセスは元の購入に含まれており、アップグレード費用はかかりません。
互換性
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 アプリケーションでも、好きなだけ自分のプロジェクトを構築できます。
あなたが構築しているものが、顧客が Tailwind UI から派生した要素を使用して独自のサイトを作成するために使用できるウェブサイトビルダーまたはその他のツールでない限り、問題ありません。
詳細と例については、ライセンスをお読みください。
オープンソースプロジェクトで Tailwind UI を使用できますか？
はい！作成しているものが、実際のWebサイトの一種であり、派生コンポーネントライブラリ、テーマビルダー、または主要な目的がコンポーネントを再パッケージ化して再配布することである他の製品ではない限り、そのプロジェクトをオープンソースにすることはまったく問題ありません。
何が大丈夫で何が大丈夫でないかの詳細と例については、 ライセンスをお読みください.
Tailwind UI で作成したテンプレート/テーマを販売できますか？
いいえ、Tailwind UI を使用して、テーマ、UIキット、ページビルダーなど、他の誰かが独自のサイトを構築するために使用するためにコンポーネントまたはテンプレートを再パッケージ化して再配布する派生製品を作成することはできません。
何が大丈夫で何が大丈夫でないかの詳細と例については、 ライセンスをお読みください.
サポート
テクニカルサポートを提供していますか？
Tailwind UI はセルフサービス製品です。つまり、アカウント管理やライセンス関連の問題など、カスタマーサポートを提供していますが、顧客は製品を正常に使用するために必要な Tailwind CSS、HTML、React、および Vue の知識を持っていることを前提としています。
すべてのプロジェクトは異なり、個別に作成されたコードが相互作用する方法は複雑で理解するのに時間がかかる場合があるため、 テクニカルサポートやコンサルティングは提供していません.
Tailwind UI のお客様は、質問したり、他の人の質問に答えたりできるプライベート Discord コミュニティにアクセスできますが、ここではファーストパーティのテクニカルサポートやコンサルティングは提供していません。
返金ポリシーは何ですか？
何らかの理由で購入にご満足いただけない場合は、 30 日以内に support@tailwindui.com にメールでご連絡ください。理由を問わず全額返金いたします。