SaaS マーケティングテンプレート

Salient

すべての SaaS マーケティングサイトは同じ形式を使用しています — ヒーローセクション、機能セクション、いくつかの推薦文、お決まりの流れです。しかし、中には他よりも美しいものもあります。

React
Next.js

開発者向けに構築

含まれるもの

Salient は、Tailwind CSS と Next.js で構築され、Tailwind CSS チームによって設計および構築された、次の SaaS アイデアのための美しいランディングページテンプレートです。本番環境に対応しており、カスタマイズが容易なため、独自のプロジェクトの出発点として最適です。

デザインと同様にコードにも気を配っているため、専門家が 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 v4.0
  • Headless UI v2.1
  • React v18
  • TypeScript v5.3

価格

1 つだけ入手するか、すべて入手するか。

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

React
Next.js

SalientSaaS マーケティングテンプレート

$99

1 回限りの支払い

プラス地方税

テンプレートを入手

次の大きなアイデアを発表するための美しい SaaS ランディングページ。


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

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

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

Tailwind Plus ですべてを入手

$299

1 回限りの支払い

プラス地方税

Tailwind Plus を入手

マーケティング、アプリケーション UI、e コマースコンポーネント、すべてのサイトテンプレート、および Catalyst UI キットへの生涯アクセスを、1 回限りの購入で入手できます。


Tailwind Plus の機能

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

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

  • Catalyst UI キット React と Tailwind CSS で独自のコンポーネントシステムを構築するためのスターターキット。

  • プライベートコミュニティ 他のデザイナーや開発者と交流できる、メンバー限定の Discord に参加しましょう。

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

推薦文

Tailwind Plus のおかげで、Reflect の最初のバージョンを完全に自分自身でリリースすることができ、デザインにも非常に誇りを持っています。

Alex MacCaw

創業者 Reflect & Clearbit

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

Ben Barbersmith

CTO 兼共同創業者 Levellr

よくある質問

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

一般

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

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 日以内にご連絡いただければ、理由を問わず全額返金いたします。