API リファレンステンプレート

Protocol

API があっても、誰もその使い方を知らなければ意味がありません。OAuth 2.0 や JWTs の詳細を、美しい API ドキュメントテンプレートである Protocol を使ってスタイリッシュに伝えましょう。

React
Next.js

開発者向け

内容

Protocol は、Tailwind CSS チームによって設計・構築された、Tailwind CSS と Next.js で構築された、細部まで丁寧に作り込まれた API リファレンステンプレートです。

MDX を活用し、私たちは執筆体験が素晴らしいものになるよう、細部にまで心を配りました。これにより、ツールの周辺ではなく、優れた API ドキュメントの作成に集中できます。

本テンプレートは、本番環境に対応しており、カスタマイズも容易です。独自のドキュメントサイトを始めるのに最適な出発点となります。

デザインと同様にコードにも細心の注意を払って作成しました。そのため、専門家が 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
  • MDX v2.1
  • TypeScript v5.3

価格

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

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

React
Next.js

ProtocolAPI リファレンステンプレート

$99

1回払い

別途地方税

テンプレートを入手

おそらく、今まで見た中で最も優れた API ドキュメントウェブサイトでしょう。


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

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

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

Tailwind Plus ですべてを入手Tailwind Plus

$299

1回払い

別途地方税

Tailwind Plus を入手

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


Tailwind Plus の機能

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

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

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

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

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

お客様の声

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

Alex MacCaw

Founder of Reflect & Clearbit

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

Ben Barbersmith

CTO & Co-Founder of 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 日以内にお問い合わせいただければ、全額返金いたします。質問は一切ありません。