2026年の Tailwind Plus 代替：Tailwind UI を買えなくなった今、何を使うか

要点： 2026年9月9日、Tailwind Labs は Shopify に加わると発表し、Tailwind Plus（旧 Tailwind UI）の新規受付を閉じました。すでに購入した人は、そのまま使えます。Tailwind CSS 自体は無料のまま、MIT ライセンスです。新規の実装で比べる相手は shadcn/ui、Flowbite、daisyUI、DesignLayer です。shadcn/ui と daisyUI は無料の MIT ライブラリです。Flowbite の本体も無料の MIT で、Flowbite Pro の Developer edition は税別 $299 の買い切りです。DesignLayer は、動きまで組んであるセクションを見てから、Cursor や Claude Code に渡すカタログです。無料はコンポーネントのコピーが月5回、動画プロンプトが月1回、Free Sample が10個です。30日ビルドパスは $19 の1回払いで、自動更新はありません。 Lifetime Access は先着100名が $79 の1回払いで、有効なパスから30日以内のアップグレードは $60 です。Plus は月額 $9 です。

Flowbite Pro と DesignLayer の価格は 2026年10月26日に確認しました。変わるので、購入前にもう一度公式ページを見てください。

Adam Wathan は、Tailwind Labs が Shopify に加わる、と発表しました。その記事は、オープンソースのフレームワークと有料プロダクトを分けています。

• Tailwind CSS は変わりません。 MIT のままです。同じチームが、Shopify の支援を受けて保守を続けます。

• 商用プロダクトは、新規の申し込みを止めます。 既存の顧客は Tailwind Plus と ui.sh を使い続けられます。チームが Tailwind CSS に集中するため、新規顧客の受付は閉じています。

Tailwind Plus は、以前 Tailwind UI として売っていた有料の部品です。Tailwind で組んだアプリケーション UI とマーケティングのセクション、テンプレートが入っていました。まだ買っていない人には、今から購入する公開の決済がありません。すでに持っている人へ、捨てろという話ではありません。次の案件で、そのストアが閉まっているときの話です。

Tailwind Plus は CSS フレームワークではありません。Tailwind のプロジェクトに貼れる、デザイン済みのマークアップ集です。代わりを探すときは、だいたい次のどれかです。

• アプリケーション UI。 見た目まで決まっているナビ、コマンドパレット、設定画面、フォーム。

• マーケティングのセクション。 余白まで決まっているヒーロー、機能グリッド、料金、FAQ。

• クライアントのサイトに載せてよいライセンス。 スクリーンショットから作り直さなくてよいこと。

• 動き。 Tailwind Plus のブロックは、スタイルを当てたマークアップと軽いインタラクションが中心です。ページが止まって見えるのは、入れてから気づくことが多いです。

shadcn/ui、Flowbite、daisyUI、DesignLayer は、このリストの別々の部分を埋めています。分ける基準は、価格、ライセンス、動きの3つです。

どれも、昔の Tailwind UI カタログのファイル単位の移植ではありません。領収書のロゴではなく、再利用したい単位で選んでください。

ランディングページを1枚だけ作るとき、料金の形が一番分かれます。Flowbite Pro は $299 の買い切りです。DesignLayer の30日ビルドパスは $19 の1回払いで、更新しません。作っている月だけコピーしたいなら、Plus の月額 $9 を出して、公開後に解約できます。一度払って終わりにしたいなら Lifetime Access で、先着100名です。

価格は動きます。払う前に Flowbite Pro と DesignLayer の料金 をもう一度見てください。

足りないのがテーマに合うボタンなら、shadcn/ui か daisyUI で足ります。足りないのが、価格が桁で回る料金セクションや、スクロールで pill になるヘッダーなら、比べるのはクラス名ではなくモーションセクションです。

DesignLayer は、動きを先に組んだ React のセクション集です。ブラウザでセクションを見てから、Copy for Cursor が指示、プレビュー URL、TSX、npm の依存をまとめてコピーします。shadcn/ui の隣に置きます。ボタンの部品の代わりではありません。

• Tailwind CSS はそのまま使う。 閉じたのはフレームワークではありません。今の className の書き方は残ります。

• shadcn/ui は、React の部品を自分のリポジトリに置き、マーケティングのセクションは自分で組むか、隣に動きを足すときに向きます。

• Flowbite は、ダッシュボードを含む広い Tailwind コンポーネントが欲しく、税別 $299 の買い切り Pro でよいときに向きます。

• daisyUI は、ほぼ JavaScript なしで、テーマを変えられるコンポーネントをクラス名として欲しいときに向きます。振り付けたスクロールセクションは対象外です。

• DesignLayer は、セクションがすでに動いていて、Cursor か Claude Code で作り、閉じたカタログを買う代わりに、30日 $19、先着100名の Lifetime $79、または月額 $9 にしたいときに向きます。

混ぜても構いません。ダイアログとフォームは shadcn/ui、毎日使うコントロールは daisyUI か Flowbite、ページを完成に見せる動きのセクションは DesignLayer、という分け方です。

Tailwind Plus は、まだ持っていない人には閉じています。Tailwind CSS は閉じていません。新しい UI なら、無料の部品は shadcn/ui と daisyUI、大きい有料の Tailwind キットは税別 $299 の Flowbite Pro、動きのあるセクションは DesignLayer です。DesignLayer は 30日 $19、先着100名の Lifetime $79、または Plus の月額 $9 です。

まずは キネティック・サービス料金 か ブランドバーヘッダー のライブプレビューから見てください。動きのある React ライブラリも比べるなら、Aceternity UI の代替 も参照してください。