ドキュメントテンプレート

構文

ドキュメント作成は、デザインについて心配することなく、髪をむしりたくなるほどです。少しでも髪の毛を残せるようにお手伝いさせてください。

React
Next.js

開発者向けに構築

含まれるもの

Syntaxは、Tailwind CSSチームによって設計および構築された、Tailwind CSSとNext.jsで構築された美しいドキュメントテンプレートです。

Stripeの新しいMarkdownベースのオーサリングフレームワークであるMarkdocを搭載し、ツール周りではなく、優れたドキュメントの作成にこれまで以上に集中しやすくなりました。

本番環境に対応しており、カスタマイズも簡単なので、独自のドキュメントサイトの出発点として最適です。

デザインと同じくらいコードにも気を配っているので、専門家が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
  • Markdoc v0.1
  • TypeScript v5.3

価格

1つだけ入手することも、すべて入手することもできます。

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

React
Next.js

構文ドキュメントテンプレート

$99

1回払い

さらに地方税

テンプレートを入手

このドキュメントテンプレートでユーザーをスタイリッシュに教育しましょう。


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

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

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

Tailwind Plusですべてを入手

$299

1回払い

さらに地方税

Tailwind Plusを入手

マーケティング、アプリケーションUI、およびEコマースコンポーネント、すべてのサイトテンプレート、およびCatalyst UI Kitへの生涯アクセスを、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 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日以内にご連絡いただければ、全額返金いたします。質問は一切ありません。