SaaS マーケティングテンプレート
Radiant
これは元々、私たちが自分たちで構築しようとしていた SaaS のために設計したものですが、完成するまでにそのアイデアは過ぎ去っていました。そこで、代わりに皆様のためのテンプレートにしました。
開発者向けに構築
内容
Radiant は、Tailwind CSS チームによって設計および構築された、Tailwind CSS と Next.js で構築された美しいマルチページ SaaS ビジネス テンプレートです。
独自のアプリのスクリーンショットとコンテンツをドロップインすることで、独自のプロジェクトに合わせて簡単に適応できるように設計されています。ホームページのアニメーション付き弁当箱カードでさえ、カスタマイズできるように構築されています。
ブログは Sanity によって提供されているため、チームの非開発者でも新しい記事を公開できます。
デザインと同様にコードにも気を配っているため、専門家が 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
- React v18
- Framer Motion v10
- TypeScript v5.3
- Sanity v3.5
価格
1 つだけ入手するか、すべて入手してください。
すべてのテンプレートには無料アップデートが含まれており、個人用と商用両方の無制限のプロジェクトで使用できます。
Radiant—SaaS マーケティングテンプレート
$99
1 回限りの支払い
プラス地方税
SaaS ビジネス向けの美しいマルチページ マーケティング ウェブサイト。
無制限のプロジェクト —一度購入すれば、個人用および商用両方で、必要なだけ多くのプロジェクトにこのテンプレートを使用できます。
無料アップデート —このテンプレートに対するアップデートはすべて、元の購入に含まれています。
シンプルな .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 を独自の商用プロジェクトに使用できますか?
もちろんです! ライセンスにより、単純な公開ウェブサイトであろうと、エンドユーザーがアクセスするために料金を支払う必要がある SaaS アプリケーションであろうと、好きなだけ多くの独自のプロジェクトを構築する許可が与えられます。
構築しているものが、ウェブサイト ビルダーや、顧客が Tailwind Plus に由来する要素を使用して独自のサイトを作成するために使用できるその他のツールでない限り、問題ありません。
詳細および例については、 ライセンスをお読みください.
Tailwind Plus をオープンソース プロジェクトで使用できますか?
はい! 構築しているものが何らかの実際のウェブサイトであり、主な目的がコンポーネントを再パッケージ化して再配布することである派生コンポーネント ライブラリ、テーマ ビルダー、またはその他の製品ではない限り、そのプロジェクトがオープンソースであってもまったく問題ありません。
何が許可されていて何が許可されていないかの詳細と例については、 ライセンスをお読みください.
Tailwind Plus で構築したテンプレート/テーマを販売できますか?
いいえ、Tailwind Plus を使用して、テーマ、UI キット、ページ ビルダー、またはその他、お客様が独自のサイトを構築するために使用するために、当社のコンポーネントまたはテンプレートを再パッケージ化して再配布するような派生製品を作成することはできません。
何が許可されていて何が許可されていないかの詳細と例については、 ライセンスをお読みください.
サポート
テクニカル サポートは提供していますか?
Tailwind Plus はセルフサービス製品です。つまり、アカウント管理やライセンス関連の懸念事項などについてはカスタマー サポートを提供していますが、お客様は製品を正常に使用するために必要な Tailwind CSS、HTML、React、および Vue の知識を持っていることが期待されています。
すべてのプロジェクトは異なり、独立して作成されたコードが相互作用する方法は複雑で、理解に時間がかかる可能性があるため、 テクニカル サポートまたはコンサルティングは提供していません.
Tailwind Plus のお客様は、プライベート Discord コミュニティにアクセスして、質問をしたり、他の人の質問に答えたりすることができますが、当社自身が第一当事者のテクニカル サポートやコンサルティングを提供することはありません。
払い戻しポリシーは何ですか?
何らかの理由で購入にご満足いただけない場合は、メールでお問い合わせください support@tailwindcss.com 30 日以内にご連絡いただければ、全額返金いたします。質問はいたしません。