v0
Vercel 出品：从自然语言生成 React / Next.js 组件
React/Next.js 生态最好用的 AI UI 生成器；2026 改成 credit-based + 多 model（Mini/Pro/Max），shadcn 输出一如既往是顶级品质。
基于官方定价页评估：shadcn 输出质量同类最佳、Mini / Pro / Max 三档模型
自然语言 / 截图转 React 组件体验顶级
credit 制、Free $5 起步 Premium $20/月
无本土化支付与中文优化
Vercel 出品、Next.js 生态稳定
- 评分人
- AI 之家编辑部
- 最近复核
- 2026-08-02
- 下次复核
- 2027-01-29 （周期 180 天）
- 利益声明
- 本站不接软文、不卖排名
TL;DR
v0 是 Vercel 的 AI UI 生成器，定位是「把自然语言/截图变成可用的 React + Tailwind + shadcn/ui 组件」。2026 年迁到 v0.app（原 v0.dev），引入 Mini / Pro / Max 三档专属模型 + 积分制：Free $5、Premium $20/月（$20 credits）、Team $30/席。输出质量是同类最好——一行不改就能进生产的 shadcn 代码，是其他 builder 比不上的。
适合：前端工程师做 UI 草稿、设计稿 → 代码、营销页/控制台快速搭建。不适合：要带数据库 + 鉴权 + 部署的完整 SaaS——那是 Bolt / Lovable / Replit Agent 的地盘。
v0 是什么
v0 不是 IDE 也不是「全栈一句话出 SaaS」类工具，它专注做一件事：把描述/图片变成高质量 React 组件。底座是 Next.js 14+、Tailwind、shadcn/ui，输出符合现代前端工程标准——可访问性、响应式、TypeScript、服务端组件、loading/error state。
2026 年的 v0 已不是单组件玩具：
- 多页应用生成：可以一次性吐出含导航、布局、多个路由的完整 Next.js 项目骨架
- 三档模型：Mini（便宜快）/ Pro（默认）/ Max（高质量复杂任务），积分消耗不同
- Git/部署：内置项目管理 + 一键 deploy 到 Vercel，Premium 起可导出到 GitHub
- 图像理解：丢一张设计稿/截图，直接给你 pixel-perfect 的 shadcn 实现
v0 价格
| Plan | 价格 | 月度 credits | 关键能力 |
|---|---|---|---|
| Free | $0 | $5 | 200 项目、带水印、public only |
| Premium | $20/月 | $20 | 自定义域名、私有项目、GitHub 导出 |
| Team | $30/席/月 | $30/席 | 共享 workspace、池化 credits、年付约 8 折 |
| Business | $100/席/月 | $30/席 | SOC 2、私有部署增强、合规审计 |
| Enterprise | Custom | Custom | SSO/SAML、专属支持 |
积分消耗模型：「一次生成 = 1+ credits，按 token + 选用模型档位计费」。读代码、聊天不耗。Pro 档一次复杂多页生成约 $1–$3 credits，Max 档可能 $3–$8。
注意 hosting 是另一笔钱：v0 自己不收 hosting 费，但 Vercel Hobby 免费够 demo，生产建议升 Vercel Pro（$20/席/月）。整体 TCO ≈ $40/月入门。
v0 实测
好的地方：
- shadcn 代码质量明显高一档，几乎可以 copy 进生产代码库
- 图像 → 代码的还原度是同类第一（实测一张 Figma 截图 → 90% 还原）
- 多页生成的路由结构 / loading state / a11y 标签都按 Next.js 13+ 规范写
踩坑：
- 不擅长后端：写 API route 经常瞎编 Prisma schema 或调错 SDK
- 积分易超：Max 档调一次复杂表单可能 $5+ credits，Premium 单月 $20 不够撑 50 次
- 中文 prompt 偶尔输出英文 UI，需要在描述里加「界面文案保持中文」
- v0.dev → v0.app 迁移期，部分老链接 redirect 异常
v0 上手 5 分钟
- v0.app 注册（GitHub OAuth 最快），自动给 Free $5 credits
- 用一句话或截图描述 UI，选 Mini/Pro/Max 模型档位
- 在 chat 里迭代修改，preview 实时更新
- 满意后 → GitHub 导出（需 Premium）或一键 Vercel deploy
- 拷贝代码进现有项目——shadcn 组件可直接进
components/ui/
v0 同类对比一览
| 维度 | v0 | Bolt.new | Lovable | Replit Agent |
|---|---|---|---|---|
| 强项 | 组件 / UI 还原 | 全栈应用 + WebContainer | 全栈 + 数据库 + Auth | 浏览器 IDE + 部署 |
| 输出代码 | Next.js + shadcn | Vite / Next | Vite + Supabase | 任意 stack |
| 起步价 | $20/月 + Vercel | $20/月 token | $25/月 credits | Core $25/月 |
| 后端 | 弱 | 中 | 强（Supabase 集成） | 强 |
| Vercel 集成 | 原生 | 否 | 否 | 否 |
v0 避坑清单
- 不要拿 v0 写后端：API、数据库 schema、auth 流程交给 Cursor / Codex / Claude Code，v0 专心做 UI
- Free 水印过不了客户验收：演示前一定升 Premium 或自建部署
- 不要每次 prompt 都用 Max 档：默认 Pro 已经够好，Max 留给复杂多页或像素级还原
- 批量生成 → 必走 GitHub 导出：避免锁在 v0 项目里，万一改定价就被动
- shadcn 版本要对齐：v0 用最新版 shadcn，旧项目导入前先
npx shadcn@latest init
适合 / 不适合
- 前端工程师做组件、营销页、控制台 / dashboard、设计稿落地
- 已经用 Next.js + Vercel + shadcn 技术栈的团队
- 想要「一句话出完整 SaaS」——选 Lovable / Bolt
- 不用 React 的团队（Vue / Svelte 党）
相关阅读
Long-tail quick picks
长尾检索速查：下面三项对应「v0 开源版 / 免费版 / 国内可用」等搜索意图，方便直接跳转。
Open-source alternatives
Free tier
- 是否有免费档：是
- 价格概要：Free $5 credits / Premium $20·月 / Team $30·席/月 / Business $100·席/月
- 预算敏感用户可先用免费档；进阶需求参考 通义灵码 / CodeGeex（国内免费额度更友好）。
China availability
相关替代品：
来源
- nocode.mba — V0 Pricing 2026（2026-03-02）https://www.nocode.mba/articles/v0-pricing
- automationatlas — v0 Pricing Explained 2026（2026-05-06）https://automationatlas.io/answers/v0-pricing-explained-2026
- nxcode — v0 Complete Guide 2026（2026-03）https://www.nxcode.io/resources/news/v0-by-vercel-complete-guide-2026
| 计划 | 价格 | 限制 | 国内支付 | 备注 |
|---|---|---|---|---|
| Free | $0/月 | — | — | |
| Premium | $20/月 | — | — | |
| Team | $30/席/月 | — | — | |
| Business | $100/席/月 | — | — | |
| Enterprise | Custom | — | — |
- · 前端工程师做 UI 草稿
- · 设计稿 → 代码
- · 营销页/控制台快速搭建
- · 要带数据库 + 鉴权 + 部署的完整 SaaS——那是 Bolt / Lovable / Replit Agent 的地盘
v0 和 Bolt / Lovable 怎么选？
v0 强在『组件级 / 多页前端』和 shadcn 代码质量；Bolt / Lovable 强在『完整全栈带后端』。前端工程师选 v0，非技术 PM 想要带数据库的应用选 Lovable。
积分用完会怎样？
Premium 单月 $20 credits 用完后无法继续生成，需要等下月或升级 Team；不会自动按 API 价继续扣，对预算友好。
生成代码能脱离 Vercel 跑吗？
能。v0 输出标准的 Next.js + shadcn/ui，Premium 起支持 GitHub 导出，可部署到任意 Node 平台；但 v0 自带 preview/deploy 走的是 Vercel。
为什么我的部署有水印？
Free tier 限制——public 项目 + Vercel 水印；升级 Premium 即可移除。
可接入 / 兼容以下大模型 API（在设置中配置 key 即可切换底座）：
同任务替代方案
相关横评
v0 vs Bolt.new：AI 前端生成工具怎么选（2026）
v0 与 Bolt.new 都能用自然语言生成前端应用。一句话结论 + 决策树 + 价格对比：要组件级产出与设计系统一致性选 v0，要全栈跑通与浏览器内开发选 Bolt.new。
2026-10-12
Cursor vs v0：AI 编程 IDE vs AI 前端生成器怎么选？
Cursor vs v0 2026 选型对比：Anysphere 的 AI 原生 IDE vs Vercel 的 AI 前端组件生成器。从定位、工作流、输出物、价格、适合人群 6 个维度帮你选对工具：全栈工程选 Cursor，快速 UI 原型选 v0。
2026-10-12
Lovable vs v0：AI 应用生成器 vs 前端组件生成器怎么选？
Lovable vs v0 2026 选型对比：全栈应用生成器（Supabase 后端一体化）vs Vercel 前端组件生成器（React+shadcn/ui）。从生成范围、后端能力、部署、价格和适合人群帮你选对 AI 生成工具。
2026-09-26
相关工作流
Qwen-Image-2.1 开放权重：7B 统一生成与编辑，原生透明通道，最多 10 张参考图
阿里 2026-09-20 放出 Qwen-Image-2.1 权重：7B（7.1B DiT / 32 层）统一文生图与编辑，原生 RGBA 透明输出、单次最多 10 张参考图，Day-0 支持 ComfyUI 与 Diffusers。
AI 编程工具周报（2026-09-13）：Codex CLI 0.154.0 移除 mcp-server，三大 CLI 集中修补权限与越权
AI 之家 梳理 2026-09-13 前后三大终端 Agent 的更新：Codex CLI 0.154.0 移除 codex mcp-server 入口、新增 worktree 隔离与 Windows 共享后台服务；Claude Code 2.1.268 修复两处 deny 规则绕过并不再打印解析后的密钥；Gemini CLI 0.59.0 修 MCP OAuth SSRF 与工作区信任 fail-closed。本周主线是权限与执行边界的收紧。
AI 编程工具周报（2026-09-12）：Claude Code 插件评测、Copilot 集成审查、Cursor Projects 协调 Agent
AI 之家 梳理 2026-09-08 至 09-12 编程 Agent 工具更新：Claude Code v2.1.269 加插件评测与输出风格开关、Bash 结果附 diff；GitHub Copilot 代码审查自动关线程、Lite 档跑 agent 集成；Cursor Projects 发布协调 agent；Codex 默认切 GPT-6 Astra。本周主线是「Agent 作为系统」——编排、治理、成本控制。
OpenAI 发布 GPT-6 Astra（2026-09-03）：1.05M 上下文 Computer Use 旗舰，逐步灰度
GPT-6 Astra 是 OpenAI 2026-09-03 发布的旗舰模型：1.05M 上下文、computer use 头牌，OSWorld 2.0 达 72.6%，单任务耗时比 GPT-5.6 Sol 缩短约 47%。