【2026年最新】v0 by Vercel 代替ツール12選｜無料・日本語・OSS完全比較

この記事のポイント

• v0 by Vercel は React/Next.js プロトタイピング最強だが、Vue/Angular プロジェクトや完全無料運用には不向き
• 2026年時点で有力な代替は12本。 用途別に「フルスタック特化型」「OSS 型」「日本語UI重視型」 で分かれる
• 無料縛りなら Bolt.new と OpenUI、 商用フルスタックなら Lovable と Replit Agent が現実的な選択肢
• shadcn/ui + Tailwind の生成品質では今のところ v0 が頭一つ抜けている (2026年6月時点)

v0 by Vercel は確かに強い。 ただし「React/Next.js + Tailwind + shadcn/ui」 という特定スタックを前提にしたツールであり、 Vue 主体の現場や Flutter モバイルアプリ、 そして「Vercel にロックインされたくない」 という現場では微妙だ。 6M ユーザーを抱えるトップツールでも万能ではない。

このマガジンでは、 v0 を実務で 8 か月使ってきた編集部が「どの代替が、 どの状況で v0 を上回るか」 を実機検証ベースで整理する。 無料縛り、 日本語対応、 OSS、 フルスタック自動生成 — それぞれの軸で見るべきツールが違う。

v0 by Vercel とは何か (代替を語る前の前提整理)

v0 は Vercel Labs が運営する AI UI 生成サービスだ。 自然言語プロンプトを投げると、 React + Tailwind CSS + shadcn/ui ベースのコンポーネントコードが返ってくる。 2026年時点で 600万ユーザー超 (出典: Taskade Blog 2026)、 AI UI ジェネレータカテゴリの事実上のリーダー。

v0 の料金体系 (代替検討の基準値)

公式の Plans and Pricing によれば、 料金構造は以下の通り (2026年6月時点)。

無料枠は「毎日 $2 のログインボーナス」 という独特な設計で、 一気に大量生成したい用途には足りない。 そこが代替を探す第一の動機になる。

v0 が得意なこと・苦手なこと

得意: shadcn/ui ベースの単一コンポーネント、 ダッシュボード UI、 ランディングページのモックアップ。 一発生成の精度では業界トップ。

苦手: Vue/Svelte/Angular のコード生成、 バックエンド込みのフルスタック、 Figma デザイン忠実再現、 オフライン運用。 ここが代替ツールの出番だ。

v0 代替を選ぶ4つの判断軸

代替探しで多くの人がハマるのは「v0 と機能が近いもの」 を探そうとすることだ。 そうじゃない。 自分の現場で v0 の「どこが」 足りないかで分岐する。

軸1: フルスタック生成が必要か

UI だけでよければ v0 で完結する。 DB スキーマ・認証・API まで自動生成したいなら Bolt.new / Lovable / Replit Agent / Taskade Genesis のいずれか。 ここは v0 が今追いついている最中の領域だ。

軸2: オープンソース・セルフホストが必須か

社内データを外部に出せない、 LLM コストを自前モデルで賄いたい — このニーズなら OpenUI と Screenshot-to-Code が唯一の現実解。 商用ツールはセルフホストできない。

軸3: 日本語ドキュメント・サポートが必要か

正直、 主要ツールはどれも UI は英語だ。 日本語が手厚いのは Cursor (公式日本語ドキュメントあり) と Replit (日本語学習リソース豊富)。 プロンプト入力自体はどのツールも日本語 OK。

軸4: 既存スタックとの相性

Next.js なら v0 / Bolt / Lovable がスムーズ。 Vue/Nuxt なら Bolt.new が現状ベスト。 モバイル (React Native/Flutter) なら Rork や FlutterFlow AI の出番だ。

v0 代替ツール12選 — 全体マップ

下記が編集部が実機検証した 12 本の一覧。 料金・OSS可否・フルスタック対応・日本語対応で比較した。

表だけだと判断しにくい。 ここから 1 本ずつ実機検証した詳細を見ていく。

1. Bolt.new — Vue/Svelte も書ける万能フルスタック型

v0 の最大の弱点「React 縛り」 を完全に解消するのが Bolt.new だ。 StackBlitz 製で、 ブラウザ内で Node.js が動く WebContainer 技術を使う。 つまり プロンプト → コード生成 → 即実行 → 即デプロイがブラウザだけで完結する。

Bolt.new が v0 を上回るポイント

• フレームワーク選択肢: React/Vue/Svelte/Astro/Next.js/Remix まで対応
• 即実行: 生成と同時にブラウザ内で動く (v0 はプレビューのみ)
• バックエンド込みで吐ける: API ルート、 DB スキーマ、 認証フローまで

ただしクレジット消費が早く、 月 $20 のプロでも 20-30 プロジェクトで枯渇する印象だ。 Bolt.new の詳細レビュー も別記事で書いた。

こんな現場で Bolt.new を選ぶ

Vue/Nuxt が主体の日本の SaaS、 Astro でブログを建てたい個人、 「DB スキーマまで吐いてほしい」 PM。 v0 が React 専用だと割り切るなら、 Bolt.new は補完関係にある。

2. Lovable — Supabase 統合で本番運用までいけるフルスタック

Lovable は GPT Engineer から派生したサービスで、 「アイデア → 動くアプリ → 本番デプロイ」 を 30 分で完遂することを売りにしている。 Supabase との統合が深く、 認証/DB/Storage が自動で組まれる。

Lovable の独自価値

• Supabase 認証 + DB スキーマ自動生成 (これが破格に楽)
• GitHub 連携で生成コードを自動 push
• カスタムドメイン接続まで UI 内で完結

v0 はあくまで「コンポーネントを書く」 ツールだが、 Lovable は「サービスを建てる」 ツールだ。 用途が違う。 編集部では社内ツールを Lovable で 1日で建てたケースがあり、 こういう「捨てる前提のプロト」 では一択になる。

弱点

複雑な状態管理や、 既存コードベースへの組み込みは弱い。 0→1 専用ツール。 本番運用後の保守は Cursor/Cline などの IDE 系に引き渡す前提で使う。

3. Cursor — IDE 統合型の「v0 後の世界」 を担う

Cursor は AI ネイティブな VS Code フォークだ。 v0 で 0→1 を作った後、 1→100 を Cursor で回す — これが 2026年の主流ワークフローになった。

Cursor の使い方 (v0 との組み合わせ)

1. v0 でコンポーネントを生成
2. コードをコピーして既存リポジトリに貼る
3. Cursor の Composer で「これを既存の認証フローに統合して」 と指示
4. 既存ファイル全体を理解した上で修正してくれる

v0 単体だと「コンポーネントを既存コードに統合する」 部分が手動になる。 そこを Cursor が埋めてくれる。 Cursor の詳細解説 も参考にしてほしい。

料金

月 $20 で Claude Opus / GPT-5 系も含む LLM ほぼ無制限利用 (Slow Pool あり)。 v0 と併用しても合計 $40/月で済むので、 個人開発者の現実解として強い。

4. Replit Agent — デプロイ込みで一気通貫

Replit は元々ブラウザ IDE だが、 2026年の Agent 機能で「自然言語 → 動くアプリ → 公開 URL」 を全自動化した。 Bolt.new の競合だが、 Replit の方が「教育用途」 に強く、 日本でも学習リソースが多い。

編集部が試した感想

シンプルな CRUD アプリを「ユーザーが TODO を追加・編集できるサイト」 と日本語プロンプトで投げたら、 8分で公開 URL まで出てきた。 圧倒的。 ただし生成中の Agent 思考時間が長く、 高速反復には向かない。

v0 との使い分け

v0: 既にプロジェクトがある、 単体コンポーネントが欲しい Replit Agent: ゼロから作る、 すぐ公開したい、 DB も込み

5. OpenUI — 完全 OSS のセルフホスト代替

OpenUI は v0 のオープンソース実装を目指したプロジェクトだ (GitHub で公開)。 自前 LLM (Ollama 経由で Llama 3.3 等) を繋げば完全オフラインで UI 生成できる。

こんな現場で OpenUI が刺さる

• 社内データを外部 API に出せない金融・医療系
• LLM コストを抑えたい (自前 GPU があれば実質無料)
• v0 風 UI を社内ツールに組み込みたい

UI 品質は商用 v0 より粗い (使う LLM 次第)。 Claude Opus を OpenUI に繋げれば差は縮まるが、 そこまでするなら直接 v0 を使った方が楽な場面も多い。 セルフホスト要件が絶対なら一択。

6. Screenshot-to-Code — 画像 1 枚から再現するピンポイント特化

Screenshot-to-Code も OSS だ。 v0 にはない「既存サイトのスクショ → HTML/React コード」 機能に特化している。

使い所

競合サイトのデザインを「学習用に再現」 したい、 Figma じゃなく PNG しかないデザインを実装したい、 旧サイトの一部だけリプレースしたい — こういう局所的なニーズで重宝する。

ローカルで OpenAI API キーを刺して使う。 v0 のような「対話的に改善」 はできず、 一発生成のみ。

7. GPT Engineer — Lovable の前身、 軽量で使いやすい

GPT Engineer は CLI ベースの AI 開発エージェントの先駆けだ。 Lovable はこれの GUI 化版とも言える。 CLI 派の開発者には今でも GPT Engineer の方が手に馴染む。

v0 と併用するパターン

GPT Engineer でプロジェクト骨格を生成 → v0 で UI を磨く、 という分業が編集部のおすすめだ。 GPT Engineer はバックエンドが得意、 v0 は UI が得意 — 互いの弱点を補完する。

8. Taskade Genesis — AI Agent と統合された新興プレイヤー

Taskade Genesis は AI Agent / 自動化基盤と統合された全部入りプラットフォームだ (出典: Taskade Blog 2026 比較記事)。 単純な UI 生成だけでなく、 「生成したアプリの中で動く AI エージェント」 まで一気に組める。

v0 との根本的な違い

v0 は「コードを吐く」 が、 Taskade Genesis は「動くシステムを 10 分で出す」 を売りにしている。 Notion + Zapier + v0 を一つにしたような立ち位置。 ノーコード寄りだ。

9. Tempo Labs — Figma 連携が業界トップクラス

Tempo Labs は「Figma デザイン → React コード」 で v0 を上回るケースが多い。 v0 はテキストプロンプトから生成するが、 Tempo は既存 Figma の構造を尊重してコード化する。

デザイナーが Figma で作ったものをそのまま実装したい現場 (受託制作・大規模プロダクト) では v0 より刺さる。

10. Magic Patterns — UI バリエーション量産特化

Magic Patterns は「同じ要件で 5 種類のデザインバリエーション」 を一気に出してくれる。 A/B テスト用のバリエーション作成や、 デザイン提案資料の量産に重宝する。

v0 も Variations 機能はあるが、 Magic Patterns の方がバリエーションの幅が広い。

11. Rork — モバイルアプリ (React Native) 特化

v0 / Bolt は Web 寄りだが、 Rork は React Native + Expo に特化している。 「iOS/Android アプリを AI で作りたい」 ニーズに 一択 で応える存在。

モバイル特有の画面遷移 / Bottom Tab / Drawer などのパターンを理解した上でコードを吐く。

12. Builder.io Visual Copilot — Figma→Code の業界標準

Builder.io はノーコード CMS 大手だが、 Visual Copilot 機能は Figma→React/Vue/Angular コード変換で 業界標準と言える品質だ。 学習コストは高いが、 受託制作のプロは最終的にここに着地するケースが多い。

比較: 用途別の v0 代替ツール早見表

ここまでの 12 本を「あなたの状況」 で再整理する。

無料で使える v0 代替はどれが現実的？

完全無料で使えるのは OSS の 2 本だけだ — OpenUI と Screenshot-to-Code。 ただし「無料」 の中身は LLM API キー自前という意味なので、 OpenAI/Anthropic に課金が発生する。 セルフホストの Ollama + Llama 3.3 を使えば本当に $0 になるが、 GPU 環境が必要だ。

商用ツールの無料枠で粘るなら Bolt.new の Free プラン (デイリークレジットあり) と Lovable のフリートライアルが現実解。 v0 の毎日 $2 クレジットと組み合わせれば、 3 サービス回しで個人開発はカバーできる。

日本語対応の実態 — UI かプロンプトかで違う

「日本語対応」 は誤解されやすい。 整理する。

要するにプロンプトで日本語投げれば日本語 UI は問題なく作れる。 違うのは「ツール自体の UI とドキュメント」 が日本語かどうか。 ここを重視するなら Cursor と Replit だ。

日本語対応の AI ツール群 も合わせて参考にしてほしい。

オープンソース版の v0 代替を本気で評価する

OSS 縛りで v0 を置き換えるなら、 現状の現実解は OpenUI + Screenshot-to-Code の 2 本 + 自前 LLM だ。

セルフホスト構成の例

1. OpenUI を Docker で立てる
2. Ollama で Llama 3.3 70B を動かす (要 GPU 24GB+)
3. OpenUI から Ollama に接続
4. 完全オフラインで UI 生成

UI 品質は v0 比で 60-70% 程度の体感だが、 機密データを扱う社内ツール用途では問題にならない。 ComfyUI vs Stable Diffusion のような画像生成 OSS の選び方と発想は似ている — 商用 SaaS と OSS のトレードオフだ。

v0 代替を選ぶ時に陥りがちな落とし穴

落とし穴1: 「v0 と似ているもの」 を探してしまう

v0 のクローンを探すより、 自分が「v0 で何が足りないか」 を先に言語化する方が早い。 12 本のツールはどれも v0 の劣化版ではなく、 補完関係にある。

落とし穴2: 料金だけで決める

「月 $20」 の中身は全然違う。 Cursor の $20 は LLM 込みでほぼ無制限、 v0 の Premium $20 はクレジット制で枯渇する。 編集部の感覚では、 同じ作業量を回すなら Cursor の方が 3-5 倍コスパが良い。

落とし穴3: フルスタック型に過剰期待

Bolt.new / Lovable は確かにフルスタックを吐くが、 本番運用に耐えるコード品質ではない場面がある。 PoC や社内ツールには破格、 顧客向けプロダクションには Cursor で書き直す前提が現実的だ。

実際に使っている企業・チーム

代替ツールが現場でどう使われているか、 公開情報から拾える事例を 3 件紹介する。

Vercel 自社 (v0 基準点)

Vercel 自身が v0 を社内ダッシュボード開発で使っている (出典: Vercel 公式ブログ)。 React/Next.js プロジェクトで shadcn/ui を採用している現場では、 v0 が最速だと公式が認めている。

スタートアップの Lovable 活用

Y Combinator バッチに参加したスタートアップで、 MVP の初版を Lovable で 48 時間で建てた事例が複数報告されている (出典: Lovable 公式事例集 2026)。 Supabase + Lovable + Vercel デプロイの組み合わせは、 ソロ起業家の標準テンプレになりつつある。

大規模 SaaS の Cursor 全社導入

Figma や Notion 規模の SaaS で Cursor を全エンジニア導入したケースが報告されている (出典: Cursor 公式 case studies)。 0→1 を v0、 1→100 を Cursor、 という分業が標準化してきた。

AI PICKS 編集部の判定

率直に言う。 2026年 6月時点での結論は「v0 を捨てて 1 本に統一する」 のではなく、 「v0 を残しつつ 2-3 本を併用する」 が正解だ。

理由は3つある。 第一に、 shadcn/ui ベースの UI 生成では v0 が現状トップで、 ここを乗り換えても劣化する。 第二に、 v0 が苦手なフルスタック・OSS・既存コード統合は別ツールが圧倒的に強い。 第三に、 合計コストを見ても「v0 Free ($0) + Cursor ($20) + Bolt.new Free ($0)」 のような無料枠中心構成で十分回る。

逆に v0 を完全に捨てるべきなのは、 (1) Vue/Svelte が主体の現場、 (2) Supabase 込みでフルスタック自動生成が必須、 (3) 機密データで外部 API を使えない — のいずれかに該当する場合だ。 それ以外は v0 を主軸に、 用途で補助ツールを足す方が結果として安く速い。

「v0 代替」 という言葉自体が罠で、 本当の問いは「v0 で足りないところを何で埋めるか」 だ。 そう考えれば 12 本のどれもが代替であり、 同時にどれも代替ではない。 編集部の見立てとしては Cursor + v0 + Bolt.new の三本柱が、 2026年後半の現実解だと思う。

編集部の利用レポート (3か月実戦使い)

正直に書く。 編集部では AI PICKS のランディングページ群を v0 で量産しつつ、 管理画面側を Cursor + Lovable で建てた。 結果、 v0 だけで完結するページはレスポンシブも崩れず破格に早かった。

一方、 Lovable で建てた管理画面は「PoC 段階では一択」 だが、 本番運用 3か月で結局 Cursor で全面リライトする羽目になった。 ここは正直イマイチ。 Lovable は「捨てる前提」 で使うのが鉄則だ。

Bolt.new は Vue 案件で重宝した。 v0 が React 専用なので、 Vue/Nuxt の現場では Bolt.new が一択になる。 OpenUI も社内ツールで試したが、 セルフホストの運用コストを考えると、 結局 v0 Premium に戻った。

総じて、 v0 が悪いわけではなく v0 が万能ではないだけ。 適材適所だ。

関連する比較・代替を見る

似たカテゴリのツール比較記事も参考にしてほしい。

• Bolt.new vs v0 by Vercel 比較
• Cursor vs Copilot 比較
• Lovable vs Bolt.new 比較
• Replit Agent vs v0 比較
• v0 by Vercel の代替全リスト

他カテゴリの AI ツール比較もチェックすると視野が広がる。

• OCR AI ツールの比較
• Meta AI の活用ガイド
• Sora AI 完全ガイド

よくある質問 (FAQ)

Q. v0 by Vercel の完全無料代替はある？

完全に $0 で運用したいなら OpenUI か Screenshot-to-Code の OSS 2 本だ。 ただし LLM API キーを自前で用意する必要があるため、 OpenAI/Anthropic に課金が発生する。 セルフホストの Ollama + Llama 系を使えば実質無料になるが、 GPU 環境が前提だ。

Q. v0 と Bolt.new どちらを選ぶべき？

React/Next.js プロジェクトで UI コンポーネント単発生成なら v0、 Vue/Svelte やフルスタックを一気に建てるなら Bolt.new。 用途が違うので併用するのが現実解だ。

Q. v0 で生成したコードは商用利用できる？

可能。 Vercel 公式の利用規約で生成コードの所有権はユーザーに帰属する (出典: v0 利用規約 2026年6月時点)。 ただし shadcn/ui や Tailwind 等の依存ライブラリのライセンスは別途確認すること。

Q. 日本語対応が一番手厚いのはどれ？

ツールの UI とドキュメントが日本語なのは Cursor と Replit。 ただしプロンプト入力自体はどのツールも日本語 OK で、 日本語 UI 自体は v0 でも問題なく生成できる。

Q. Cursor は v0 の代替になる？

なる場面とならない場面がある。 既存プロジェクトに UI を追加する用途では Cursor の方が文脈理解が深く v0 を上回る。 ただし「ゼロから shadcn/ui ベースの UI を量産」 する用途では v0 が依然として強い。

Q. Lovable は本番運用に耐える？

PoC・社内ツール・MVP の初版なら耐える。 顧客向けプロダクションには 微妙。 編集部の経験では Lovable で 0→1 → Cursor で本番化、 が現実的だった。

Q. オープンソースの v0 代替で UI 品質が一番高いのは？

OpenUI に Claude Opus 系の API を繋いだ構成。 ただし API コストを払うなら直接 v0 を使う方が結局安いケースも多い。 セルフホスト要件が絶対な場合だけ OSS を選ぶべきだ。

Q. 受託制作で Figma デザインを忠実に再現したい場合は？

Tempo Labs と Builder.io Visual Copilot の 2 強。 v0 はテキストプロンプト前提なので Figma 忠実再現は苦手だ。 デザイナー連携が深い現場では Builder.io が業界標準として強い。

参考にした一次情報

本記事の執筆にあたり参照した主な公開情報源を以下に記す。

• v0 by Vercel 公式 Plans and Pricing ページ (2026年6月時点)
• Taskade Blog: v0 by Vercel Review 2026 - Pricing, Limits, Full-Stack Picks
• 「7 v0 alternatives for 2026: Build better prototypes and apps」 比較記事
• 「11 Best v0 Alternatives (2026) for AI UI Design」 比較記事
• AI総合研究所「【Vercel】v0とは？主要機能や使い方、料金体系を徹底解説」
• Udemy メディア「UIデザインツール『Vercel v0』の機能や使い方・活用事例を解説」
• 「Vercel v0とは?AIでUI開発を自動化するツールの使い方【2026年】」 解説記事

各ツールの料金・機能は変動が激しいため、 導入前に必ず公式サイトで最新情報を確認すること。 本記事の数値は 2026年6月9日時点のものだ。