エージェンシーテンプレート
Studio
お気持ちはよくわかります。クライアントのために素晴らしいものを構築するのに忙しすぎて、自分のウェブサイトを構築する時間がないのですよね。代わりにこれを使ってください。デザインを盗んだのは私たちだと言っても構いません。
開発者向けに構築
内容
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 v4.0
- React v18
- MDX v2.3
- Framer Motion v10
- TypeScript v5.3
価格
1 つだけ入手するか、すべて入手するか。
すべてのテンプレートには無料アップデートが含まれており、個人および商用の両方で、無制限のプロジェクトで使用できます。
Studio—エージェンシーテンプレート
$99
1 回限りの支払い
別途消費税
洗練されたエージェンシーテンプレートであなたの作品をアピールし、新しいクライアントを見つけてください。
無制限のプロジェクト —一度購入すれば、個人用と商用用の両方で、必要なだけ多くのプロジェクトにこのテンプレートを使用できます。
無料アップデート —このテンプレートへのアップデートはすべて、最初の購入に含まれています。
シンプルな .zip ファイル —テンプレートは、解凍してすぐに使い始められるシンプルなアーカイブとして提供されます。
Tailwind Plus ですべてを入手
$299
1 回限りの支払い
別途消費税
マーケティング、アプリケーション UI、および E コマースコンポーネント、すべてのサイトテンプレート、および Catalyst UI キットへの生涯アクセスを、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 v) 用に設計および開発されています。4.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 日以内にご連絡ください。全額返金いたします。質問はいたしません。