すべてのピクセルは意図を持って設計されています
トレンドに寄りすぎず、シンプルすぎない — Catalyst は完璧な中間点を見つけ、深み、明快さ、動きを、直感的でありながら美しいインターフェースに融合させています。
開発者向けに構築
含まれるもの
Catalyst は、Tailwind CSS、Headless UI、React で構築された最新のアプリケーションUIキットで、Tailwind CSS チームによって設計および構築されました。 美しく、すぐに使えるUIコンポーネントのコレクションであり、独自のコードとともにプロジェクトにドロップして、カスタマイズ、適応、独自のものにすることができます。
独自のボタン、フォームコントロール、ダイアログ、テーブル、ドロップダウンメニューなどを構築するのに費やす時間をすべてスキップし、使用するのが楽しい、慎重に作成されたコンポーネントAPIを使用してすぐに始めましょう。
エキスパートによって構築 — コードはすべて Tailwind CSS のベストプラクティスに従って記述されていると信頼できます。なぜなら、フレームワークを作成および保守しているのと同じチームによって記述されているからです。
簡単なカスタマイズ — すべてがユーティリティクラスでスタイル設定されており、コンポーネントマークアップに直接記述されています。 設定変数や複雑なCSSに苦労する必要はありません。エディターで任意のコンポーネントを開き、好きなように変更するだけです。
React で構築 — 構造化され、考え抜かれて設計された React コンポーネントは、長年の React 経験を持つ専門家によって構築されています。 React エコシステムの強みと成熟度を活用してください。
キーボードアクセス可能 — 私たちが構築するすべてのものはキーボードアクセス可能であり、私たちが知っている限り最高のスクリーンリーダーエクスペリエンスを提供するために、マークアップを慎重に作成します。
TypeScript または JavaScript — 型を正確に取得することに非常に満足するオタクによって、最新バージョンの TypeScript で作成されました。 TypeScript が好みでない場合に備えて、プレーンな JavaScript バージョンも含まれています。
あなたのコンポーネント、私たちのものではない — Catalyst はインストールする npm パッケージではありません。 代わりに、React コンポーネントを含む ZIP ファイルをダウンロードし、独自のコードとともにプロジェクトに直接追加します。
テクノロジー
Catalyst は、私たちが愛するツールの最新かつ最高のバージョンで注意深く作成されており、保守が容易で、実際に作業するのが楽しいように設計されています。
- Tailwind CSS v4.0
- React v18
- Headless UI v2.1
- TypeScript v5.3
独自のコンポーネントシステムを構築するためのスターターキット
Catalyst は、独自のコンポーネントシステムの完璧な基盤を提供します — コードベースにコピーされ、完全にカスタマイズできるように設計された、考え抜かれたAPIを備えた、すぐに使えるReactコンポーネント。
価格
一度購入すれば、永久に使用できます。
Catalyst アプリケーションUIキットには無料アップデートが含まれており、個人用および商用プロジェクトの両方で無制限のプロジェクトで使用できます。
Catalyst — アプリケーションUIキット
$149
1回払い
消費税別
デザインシステムを始めるための最新のアプリケーションUIコンポーネント。
無制限のプロジェクト —一度購入すれば、個人用と商用の両方で、必要なだけ多くのプロジェクトに Catalyst を使用できます。
無料アップデート —Catalyst に行うアップデートはすべて、最初の購入に含まれています。
シンプルな .zip ファイル —Catalyst は、解凍してすぐに使い始めることができるシンプルなアーカイブとして提供されます。
Tailwind Plus ですべてを入手
$299
1回払い
消費税別
マーケティング、アプリケーションUI、eコマースコンポーネント、すべてのサイトテンプレート、および Catalyst UI Kit への生涯アクセスを、一度限りの購入で入手できます。
Tailwind Plus の機能
500以上のUIブロック —美しいマーケティングサイト、アプリケーションUI、eコマースストアなどを構築するために必要なすべて。
すべてのサイトテンプレート —React や Next.js などの最新テクノロジーで構築された、美しくデザインされ、専門的に作成されたウェブサイトテンプレート。
Catalyst UIキット —React と Tailwind CSS を使用して独自のコンポーネントシステムを構築するためのスターターキット。
プライベートコミュニティ —他のデザイナーや開発者とつながることができる、メンバー限定の Discord に参加しましょう。
チームで利用可能 — チーム全体で、すべてのテンプレートとコンポーネント、および将来のアップデートにアクセスできます。
お客様の声
Catalyst が好きな理由は、ページに何かをすばやく表示するためにストックのデフォルトを使用しながら、徐々に自分のものにできるからです。 また、Tailwind CSS の作成者がコンポーネントをどのように構成しているかを確認できるのも気に入っています。これにより、私（または私のAIエージェント）は彼らのベストプラクティスをエミュレートできます。
Derrick Reimer
創業者 SavvyCal
Catalyst は、Laravel Cloud を構築するための優れた出発点であるだけでなく、Tailwind CSS の背後にいる人々によって作成された、これまで考えたことのなかった高度な Tailwind テクニックとベストプラクティスのマスタークラスでもありました。
Jason Beggs
シニアソフトウェアエンジニア Laravel
よくある質問
知っておくべきことすべて。
一般
「生涯アクセス」とは正確にはどういう意味ですか？
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日以内にメールでお問い合わせください。全額返金いたします。質問はいたしません。