インフォプロダクトテンプレート
Primer
私たちは実際に4つのインフォプロダクトを自社で公開しており、このランディングページは正直なところ、それらのサイトよりも優れています。

開発者向けに構築
含まれる内容
Primer は、Tailwind CSS チームによって設計および構築された、Tailwind CSS と Next.js で構築された美しいインフォプロダクトテンプレートです。本番環境に対応しており、カスタマイズも簡単で、独自のインフォプロダクトサイトの出発点として最適です。
デザインと同様にコードにも気を配っているため、専門家が Tailwind CSS と React でウェブサイトを構築する方法を学びたい場合にも、非常に貴重なリソースとなります。
専門家による構築 — コードはすべて Tailwind CSS のベストプラクティスに従って記述されていると信頼できます。なぜなら、フレームワークを作成および保守している同じチームによって記述されているからです。
カスタマイズが簡単 — すべてがユーティリティクラスでスタイル設定されており、マークアップに直接記述されています。構成変数や複雑な CSS に悩む必要はありません。エディターでマークアップを開き、好きなように変更するだけです。
Next.js で構築 — このテンプレートは、十分に構造化され、慎重にコンポーネント化された Next.js プロジェクトであり、生産的で楽しく作業できるコードベースを提供します。
キーボードアクセス可能 — 私たちが構築するものはすべてキーボードアクセス可能であり、最高のスクリーンリーダーエクスペリエンスを提供するためにマークアップを慎重に作成しています。
TypeScript または JavaScript — 最新バージョンの TypeScript で、型を正確に取得することに大きな満足感を得るオタクによって作成されました。TypeScript が好みでない場合のために、プレーンな JavaScript バージョンも含まれています。
本番環境対応 — 最新バージョンのすべてのブラウザーで厳密にテストされており、見落としがちな多くのエッジケースに対応しています。
デプロイが簡単 — 本番環境に対応しており、Vercel や Netlify など、Next.js アプリケーションをデプロイできる場所ならどこにでも簡単にデプロイできます。
スクリーンショット




技術
私たちのテンプレートは、メンテナンスが容易で、実際に楽しく作業できるように、私たちが愛するツールの最新かつ最高のバージョンで慎重に作成されています。
- Next.js v14
- Tailwind CSS v4.0
- Headless UI v2.1
- React v18
- TypeScript v5.3
価格
1つだけ入手するか、すべてを入手してください。
すべてのテンプレートには無料アップデートが含まれており、個人用および商用の両方で無制限のプロジェクトで使用できます。
Primer—インフォプロダクトテンプレート
$99
1回払い
プラス現地税
最初のコースや電子書籍に最適な美しいランディングページ。
無制限のプロジェクト —一度購入すれば、個人用および商用の両方で、必要なだけ多くのプロジェクトにこのテンプレートを使用できます。
無料アップデート —このテンプレートに対するアップデートはすべて、最初の購入に含まれています。
シンプルな .zip ファイル —テンプレートは、解凍してすぐに使い始めることができるシンプルなアーカイブとして提供されます。
Tailwind Plusですべてを入手
$299
1回払い
プラス現地税
マーケティング、アプリケーション UI、および e コマースコンポーネント、すべてのサイトテンプレート、および Catalyst UI Kit への生涯アクセスを、1 回限りの購入で入手してください。
Tailwind Plus の機能
500 以上の UI ブロック —美しいマーケティングサイト、アプリケーション UI、e コマースストアなどを構築するために必要なすべて。
すべてのサイトテンプレート —React や Next.js などの最新技術で構築された、美しくデザインされ、専門的に作成されたウェブサイトテンプレート。
Catalyst UI キット —React と Tailwind CSS で独自のコンポーネントシステムを構築するためのスターターキット。
プライベートコミュニティ —他のデザイナーや開発者とつながることができる、メンバー限定の Discord に参加してください。
チームで利用可能 — チーム全体で、すべてのテンプレートとコンポーネント、および将来のアップデートにアクセスできます。
お客様の声
よくある質問
知っておくべきことすべて。
一般
「生涯アクセス」とは正確にはどういう意味ですか?
Tailwind Plus 製品は 1回限りの購入であり、定期的なサブスクリプションはありません。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 を使用して、複数のクライアントに再販されるウェブサイトまたはテンプレートを構築することです。
詳細と例については、 ライセンスをお読みください.
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日以内にご連絡いただければ、全額返金いたします。質問はいたしません。