2026年の買い切り React コンポーネントライブラリ：一度払いの価格を比較する（パスや月額の方が安いとき）

サブスクリプションより一度払いがよいなら、次の React + Tailwind のコンポーネントライブラリが、今日 lifetime ライセンスを売っています。開発者1人あたりの最安の買い切りは、2026年10月27日に各料金ページへ載っていた価格です。

• [DesignLayer](https://design-layer.com/ja/pricing): Lifetime Access は先着100名が $79（税込）。モーションコンポーネント 74 個と、ローンチ映像のプロンプト 14 本。今あるものも、これから追加されるものも含みます。$19 の 30-Day Build Pass と、$9/month の Plus もあります。

• [Shadcnblocks](https://www.shadcnblocks.com/pricing): Pro が $149、Elite は $399 まで。shadcn/ui の上に組まれています。

• [Aceternity UI Pro](https://ui.aceternity.com/pricing): Lifetime は $199（通常価格 $299）。1年ライセンスは $169。

• [Magic UI Pro](https://pro.magicui.design): Individual License は $199。lifetime access。

• [Flowbite Pro](https://flowbite.com/pro/): Developer edition は税別 $299。

• [Untitled UI React](https://www.untitledui.com/pricing): PRO SOLO は $349（通常価格 $499）。

一度払いのキットとして最も知られていたのは Tailwind Plus（旧 Tailwind UI）ですが、2026年9月9日に 新規顧客の受付を閉じました。

いちばん安いものが、いちばん得とは限りません。「lifetime」が何を含むか（これからの追加か、更新だけか）、席は何人か、コンポーネントは最初から動くか、AI エディタが入れられるかを確認してください。今月ランディングページが1枚だけなら、30日のパスの方が、どの lifetime ライセンスよりも安いことが多いです。

「lifetime」は料金の言葉で、共通の定義はありません。確認したページでは、次の3つのどれかを指していました。

1. 買った時点のコンポーネントへの更新が lifetime。 払ったときにあった部品の、バグ修正と更新です。

2. あとから追加されるものも lifetime で使える。 後から出るコンポーネント、ブロック、テンプレートが、追加料金なしで入ります。

3. 自分の生涯ではなく、製品の lifetime。 販売が止まる、またはサービスが閉じると、「lifetime」はそこで終わります。すでにコピーしたコードはリポジトリに残ります。まだダウンロードしていないものは、なくなります。

下の各社は、lifetime プランに今後の更新が含まれる、と書いています。今後のリリースまで明記しているところもあります。Aceternity は「access to all future releases」、Magic UI は「everything added in the future」、DesignLayer は「all current and future additions to the DesignLayer component library and video gallery」です。DesignLayer は、別にブランドを付けた単体製品を出すことがあれば、それは含みません。払う前に、その一文を各社のページで読んでください。違いが出るのはそこです。

よくある話です。セールで大きいキットを買い、1回の公開のためにヒーロー、料金表、FAQ、フッターをコピーして、そのあと開かない。あるいは「この案件だけ」と契約して、2週間で終えて、3か月解約を忘れる。

それ自体が悪い判断ではありません。間違うのは、ライブラリの使い方が分かる前に、料金の形を決めてしまうことです。

• 公開が1回、期限が1つ。 数週間だけ全部使って、そのあとは要らない。

• 毎月、新しいページか製品を出す。 全部を、ずっと、1つの価格で欲しい。

• クライアントのサイトを作る。 クライアントワークをはっきり含むライセンスが要る。チームの席が要ることもある。

Cursor や Claude Code で作るなら、もう1つあります。エージェントがきれいに入れられるか、TSX を手で貼って import を直すか、です。

決まる順番で、6つです。

1. 「lifetime」の範囲。 更新だけか、これからのコンポーネントやテンプレートも含むか。（上を参照）

2. 席。 個人ライセンスの多くは1人です。Aceternity の Team は10人まで、Flowbite のチームライセンスはメンバー10人までです。Untitled UI と Shadcnblocks は、チーム枠を別に売っています。

3. クライアントワークのライセンス。 下の各社は商用利用を許し、競合するキットとしての再販は禁じています。制作会社なら、文言をそのまま読んでください。

4. スタック。 今の標準は React + TypeScript + Tailwind です。Tailwind の v3 と v4、動きに Framer Motion / Motion か GSAP が要るかを見てください。

5. 最初から付いている動き。 静的なブロックに、AI エージェントへ「アニメーションを足して」と頼むのと、動く前提で組んだセクションは別です。Aceternity、Magic UI、DesignLayer は動きが先です。Shadcnblocks、Flowbite、Untitled UI は、レイアウトとアプリ UI が中心です。

6. AI エディタでの流れ。 CLI、MCP サーバー、またはファイルと依存と指示をまとめて渡すコピー形式があるかを見てください。

価格はすべて開発者1人分で、2026年10月27日に各社の料金ページで確認しました。セール価格は変わるので、買う前にページを見てください。

この表に出ていないことが2つあります。1つ目は、カタログの量と作風がかなり違うことです。Shadcnblocks はブロックを数千と書いていて、DesignLayer は動きまで終わったコンポーネントが 74 個です。2つ目は返金です。Flowbite は30日以内の全額返金と書いていて、Shadcnblocks はデジタル商品の返金は原則しない、と書いています。返金条件は各社のページで確認してください。

実際に何か月使うかで変わります。DesignLayer の有料3つ（いずれも税込）で計算すると、こうです。

同じ考え方は、どのベンダーにも当てはまります。ライブラリに何度も戻るなら、lifetime は元が取れます。期限が1つのときは、短いパスか、サブスクリプションの1か月の方が、ほぼいつも安いです。

次の3つが揃うときに、DesignLayer を選んでください。

• すでに動くセクションが欲しい。 どのコンポーネントも、動きまで終わったセクションです。浮くヘッダー、マグネットの CTA が付いた料金ブロック、滑らかに開く FAQ。静的なブロックからアニメーションをプロンプトするのではありません。

• Cursor か Claude Code で作っている。 Copy for Cursor は、TSX、npm の依存、指示、ライブプレビューの URL を、1回の貼り付けで渡します。有料プランでは MCP から、どちらのエディタでもチャットで検索してコンポーネントを取れます。API キーは要りません。

• 入口の価格を抑えたい。 先着100名の Lifetime が続くあいだは $79 の1回払いです。30日だけ全部試すなら $19 です。

何千ものブロック、管理画面一式、デザインチーム向けの Figma ファイルが要るなら、別のものを選んでください。Shadcnblocks、Flowbite Pro、Untitled UI は、そちら向けです。動きが先のライブラリをもう少し見るなら、Aceternity UI の代替を見てください。Tailwind UI がなくなったので来たなら、2026年の Tailwind Plus 代替を見てください。

SaaS のランディングページを DesignLayer のコンポーネントで組むと、こうなります。

動きのある料金セクションが欲しいなら、動きのある料金セクションのガイドが、Kinetic Service Pricing と Plan Pill Switch の型を説明しています。このガイドは英語版のみです。

lifetime を、中身を見ずに買わないでください。DesignLayer なら、コードそのものを先に試せます。

1. Free Sample のソースを読む。 10個は、サインアウトしたままでもページに TSX 全文が出ます。まずは Spring Command Palette（スプリングの動きとキーボード操作が付いた ⌘K 検索）か、Spring Toast Stack（スプリングで入り、スワイプで消え、同じカードのままローディングが成功に変わるガラストースト）から。

2. 1つをプロジェクトへコピーする。 無料で登録し、Copy for Cursor を押して、Cursor か Claude Code に貼ります。無料アカウントでは、この Free Sample 10個を月の上限なくコピーでき、動画プロンプトは月1回です。Free は 74 コンポーネントすべてをプレビューできます。残りの Free Sample は File Upload、Monthly Calendar、Liquid Glass Login、Magnetic CTA Button、Statue 404、Pixel Arc Loader、Clicky Keyboard、Product Feature Bento です。

3. 残りはプランを選ぶ。 コードがリポジトリで持つなら、今月のページには 30-Day Build Pass の $19、74個と今後の追加を残すなら Lifetime Access の $79 です。月額がよければ Plus は $9/month で、いつでも解約できます。

Videos ページのローンチ映像は、コピーする前に無料で見られます。

2026年に React の UI コンポーネントを一度払いで買うなら、選択肢はあります。大きいキットは Shadcnblocks（$149 から）、Aceternity UI Pro と Magic UI Pro（$199）、Flowbite Pro（税別 $299）、Untitled UI React（$349）です。動きまで終わったセクションを Cursor と Claude Code 向けに組んであるのは DesignLayer（Lifetime は先着100名の $79）です。「lifetime」の範囲、席の数、コンポーネントが最初から動くかを確認してください。買う前にコードを試せます。DesignLayer の Free Sample 10個 はソース全文が見えます。Free は 74 コンポーネントすべてをプレビューでき、無料アカウントではその 10 個を月の上限なくコピーでき、動画プロンプトは月1回です。