ShopifyがTailwind Labsを買収、AI普及で収益約8割減の開発元を傘下に

Shopifyが、CSSフレームワーク「Tailwind CSS」を開発するカナダ企業Tailwind Labsを買収した。買収条件は公表されていない。Tailwind CSSをはじめとするオープンソースプロジェクトは、引き続きMITライセンスで提供され、現在のチームがShopifyの支援を受けて開発と保守を続ける。

一方、Tailwind Labsが展開してきた商用製品「Tailwind Plus」と「ui.sh」は、2026年9月9日付で新規顧客の受け付けを終了した。既存顧客は購入済み製品へのアクセスを維持できる。

今回の動きの背景には、Tailwind CSSの利用拡大とは対照的に、Tailwind Labsの収益が大幅に減少していた事情がある。創業者のAdam Wathan氏は2026年1月、AIコーディングツールの普及によって公式ドキュメントへのアクセスが減り、有料製品を知ってもらうための導線が弱まったと説明していた。

■利用が拡大するTailwind CSS

Tailwind CSSは、あらかじめ用意された小さなユーティリティクラスをHTMLなどで組み合わせ、Webページの外観を構築するCSSフレームワークである。2025年の「State of CSS」調査では、CSSフレームワークに関する回答者の51％がTailwind CSSを利用していると答え、同調査で最も利用率の高いフレームワークとなった。

Wathan氏による2026年9月9日の発表では、Tailwind CSSのインストール数は週1億1000万回を超え、ChatGPT、X、Cloudflare、Reddit、Shopifyなどの製品で使われているという。

Tailwind CSSでは、「bg-blue-500」「p-4」「font-bold」といった役割の明確なクラスを組み合わせてスタイルを指定する。背景色、余白、文字の太さといった設定を、コンポーネント固有のクラスを新たに作らずに記述できることが特徴だ。

この規則的な記法は、コード生成AIにとっても扱いやすい。AIコーディング支援に画面部品の作成を依頼すると、公式ドキュメントを開かなくてもTailwind CSSを使ったコードを得られる場面が増えた。Wathan氏によれば、こうした利用形態の変化が、フレームワークの普及を後押しする一方で、Tailwind Labsの商用事業には逆風となった。

■Tailwind CSS v4は必要なスタイルを自動生成

Tailwind CSSはプロジェクト内のソースファイルを走査し、実際に記述されたクラスに対応するCSSを生成する。このため、利用可能な全てのスタイルをあらかじめ出力する方式と比べ、生成されるCSSを小さく抑えやすい。

2025年1月に正式公開されたTailwind CSS v4では、フレームワークのエンジンが全面的に再設計された。中核部分の拡張性を保つためTypeScriptを使いながら、負荷が高く並列化しやすい処理の一部をRustへ移行している。ソースファイルの自動検出やCSSを中心とした設定方式も導入され、従来より設定を簡素化した。

こうした仕組みは、AIが生成したコードでも、ソース内に存在するクラスに対応するスタイルだけを出力できるという点で相性がよい。ただし、Tailwind CSSはクラス名を含むソースを基本的にテキストとして走査するため、文字列の連結によってクラス名を動的に組み立てるコードなどは正しく検出できない場合がある。

■AI普及で崩れた商用製品への導線

Tailwind Labsは、Tailwind CSS本体を無料かつMITライセンスで提供し、その周辺にある有料のUI部品やテンプレート製品で収益を得てきた。利用者が技術情報を求めて公式ドキュメントを訪れ、その過程で商用製品を知ることが、顧客獲得の重要な導線になっていた。

しかし、Claude、GitHub Copilot、CursorなどのAIコーディング支援がTailwind CSSのコードを直接生成できるようになると、開発者がドキュメントを訪れずに作業を進めるケースが増えた。

Wathan氏は2026年1月、Tailwind CSSの利用が拡大する一方、公式ドキュメントへのトラフィックは2023年初頭から約40％減少し、会社の収益もピーク時から約80％減少したと説明した。ドキュメントが商用製品を知ってもらうための主要な経路だったため、アクセス減少が顧客獲得に直接影響したという。

Tailwind Labsは同年1月6日、4人いたエンジニアリングチームのうち3人を削減した。Wathan氏は翌日、大規模言語モデルがドキュメントを読み込みやすくする「llms.txt」の追加提案を採用しなかった理由について、AIによるドキュメント参照をさらに容易にすると、公式サイトを介さない利用を加速させる可能性があると説明した。その後は複数のAI関連企業がスポンサーとしてTailwindを支援した。

■OSSは継続、有料製品は新規受付を終了

Wathan氏はShopifyへの合流を発表したブログで、Tailwind CSSや関連するオープンソースプロジェクトに変更はなく、今後もMITライセンスを維持すると表明した。チームはShopifyの支援を受けながら、コミュニティー向けの開発と保守を続ける。

一方、Tailwind LabsはTailwindを中心とする商用事業の拡大から撤退する。Tailwind Plusとui.shについては新規顧客の受け付けを終了し、既存顧客には購入済み製品へのアクセスを引き続き提供する。

公式発表では、既存顧客へのアクセスを今後どの程度の期間維持するかや、両製品に新機能を追加するかといった詳細は示されていない。このため、既存顧客は今後の案内を確認する必要がある。

■ShopifyがTailwindを迎え入れた理由

Shopifyは早い段階から、大規模な製品開発にTailwind CSSを採用してきた企業の一つである。Tailwind CSSはShopifyの技術基盤でも重要な役割を担っており、Shopifyにとって継続的な保守が必要なオープンソース技術でもある。

Wathan氏は、Tailwindを安定した長期的な環境に置くことに加え、現実の複雑な製品を開発しながらフレームワークを改善できることをShopifyに加わる理由として挙げた。加盟店向けのストアフロント、販売・在庫管理用の管理画面、購入やチェックアウト、Shopアプリなど、Shopifyには多様なユーザーインターフェースが存在する。

また、Shopifyが取り組む「エージェンティックコマース」も理由の一つに挙げられた。これは、AIエージェントが商品の検索、比較、購入といった処理に関与する新しい購買体験を探る取り組みである。人間だけでなくソフトウェアからも扱いやすいインターフェースを構築するうえで、Tailwindの開発チームが持つ知見を活用できる可能性がある。

■ShopifyのOSSへの関与と今後の焦点

Shopifyは、Ruby on Railsを支援するRails Foundationの創設時からのCoreメンバーであり、Ruby向けJITコンパイラ「YJIT」などの開発にも貢献してきた。自社で大規模に利用する技術へ人材や資金を投じ、その成果をオープンソースとして還元してきた実績がある。

Tailwind CSSでも、Shopifyの製品開発で得られる課題や知見が、汎用的なフレームワークの改善へつながる可能性がある。公式発表では、現在のチームが引き続きプロジェクトを主導し、コミュニティーのために開発を続けるとしている。

その一方で、Shopifyのコマース製品で必要とされる機能が、今後のTailwind CSSの開発優先度にどのような影響を与えるかは現時点では分からない。新機能、リリース方針、GitHub上での議論などが、今後の方向性を判断する材料になる。

■AI時代に問われるOSSの収益モデル

Tailwind Labsの事例は、オープンソースソフトウェアの利用拡大が、開発元の収益増加にそのまま結び付くとは限らないことを示している。AIがドキュメントを参照して回答やコードを生成すると、利用者はソフトウェアを使い続けながら、開発元のWebサイトを訪れなくなる可能性がある。

ドキュメントへの訪問を起点として有料製品やサービスを販売する事業では、この変化が顧客獲得に影響する。Tailwindの場合、規則的なユーティリティクラスがAIによるコード生成に適していたこともあり、フレームワークの普及と公式サイトへの訪問減少が同時に進んだ。

Shopify傘下に入ることで、Tailwind CSSは長期的な開発基盤を得ることになる。MITライセンスと現在の開発体制を維持する方針は明確に示されたが、Shopifyの製品開発と幅広いフロントエンド開発者の要望をどのように両立させるかは、今後の活動を通じて明らかになる。

元記事: Shopify Rescues Tailwind CSS: AI Made It Ubiquitous While Killing Its Revenue