v0

Popular

Vercel's agentic app builder. Generates production-ready Next.js, React, Tailwind, and shadcn/ui applications, with Git workflows, database integrations, and a Platform API.

Developer
Vercel
Type
Web & Mobile Application
Pricing
Freemium
On this page

Disclosure: this article contains affiliate links. If you subscribe through one, we may earn a commission at no extra cost to you. It does not influence our recommendations — how this works.

v0 is Vercel's AI app builder. It turns natural-language prompts into working full-stack web applications, and publishes them as live sites in seconds.

Overview

v0 launched in late 2023 as a UI component generator: describe an interface, get React and Tailwind code. It is now something considerably larger.

Vercel renamed the product from v0.dev to v0.app on August 11, 2025, explicitly to mark the shift "from a code generation tool to an agentic AI platform." In February 2026, "the new v0" added a sandbox runtime, full Git workflows with branches, pull requests, and deploy-on-merge, and enterprise database integrations — repositioning the product from prototyping toward production use.

The agent plans its own work, creates tasks, searches the web, inspects the running site, and fixes its own errors. What it generates is Next.js, React, Tailwind CSS, and shadcn/ui.

Key Features

  • Agentic build loop: plans, creates tasks, connects to databases, searches the web, and fixes its own errors as it goes.
  • Design Mode: visual controls with live preview, for tuning details you would rather not describe in prose.
  • Git workflows: GitHub sync, a Git panel with branching and pull requests, and deploy-on-merge.
  • One-click deploy to Vercel, unsurprisingly.
  • Design systems: reusable colors, typography, and styles carried across generations.
  • Figma import: reads layout and design tokens, working best on single-frame components.
  • Native iOS app for designing away from a desk.
  • v0 Platform API: programmatic access to the generation pipeline.

How It Works

  1. Prompt: describe the application. v0 plans before it builds.
  2. Task decomposition: the agent breaks the work into tasks and executes them.
  3. Generation: Next.js pages and components, Tailwind styling, shadcn/ui primitives, and backend logic via App Router server actions or API routes.
  4. Self-correction: the agent inspects the running site and fixes what it broke.
  5. Refinement: iterate in chat, or reach for Design Mode when the change is visual.
  6. Ship: deploy to Vercel, or push to GitHub and take it elsewhere.

Use Cases

Interfaces and Front Ends

  • Landing pages and marketing sites, where v0 is at its strongest.
  • Dashboards and admin panels built on shadcn/ui primitives.
  • Design-system-conformant components generated against an existing library.

Full-Stack Applications

  • Internal tools with a database behind them.
  • SaaS prototypes wired to Supabase or Neon.
  • E-commerce through the Shopify integration.

Design Workflows

  • Figma to code: import a frame, get components.
  • Iterative visual design through Design Mode rather than prompt archaeology.

Programmatic Generation

  • Build your own AI builder on the v0 Platform API.
  • Bulk scaffolding of projects from templates and prompts.

Pricing & Access

v0 meters usage in credits derived from token consumption, a model adopted in May 2025 in place of fixed message counts. Complex generations cost more than simple ones, which makes per-generation cost less predictable than a flat message quota.

Free plan: $5 of monthly credits, and a limit of 7 messages per day. Design Mode, GitHub sync, and deploy to Vercel are all included.

Paid tiers are billed per user and include a monthly credit allowance, with Team and Business plans differing chiefly on training opt-out and collaboration controls. Enterprise adds SAML SSO, RBAC, and SLAs. v0 also publishes per-million-token rates for its models — v0 Mini, v0 Pro, v0 Max, and v0 Max Fast — for usage beyond the included credits.

v0's packaging has changed more than once since 2025, and prices render client-side. See v0.app/pricing for current figures rather than trusting a number quoted anywhere else, including here.

Getting Started

Step 1: Sign in

Go to v0.app and sign in with a Vercel account.

Step 2: Describe the app

Be concrete about routes, data, and behaviour. v0 plans first, so a precise prompt buys a better plan.

Step 3: Review the plan

The agent shows its intended tasks before executing. Correcting the plan is much cheaper than correcting the build.

Step 4: Refine

Use chat for structural change and Design Mode for visual change. Mixing the two wastes credits.

Step 5: Connect a database

Wire up Supabase, Neon, or Snowflake from the integrations panel. Note that authentication is not built in — scaffold it with Auth.js or Clerk.

Step 6: Ship

Deploy to Vercel in one click, or sync to GitHub and open a pull request.

Best Practices

  • Start with a design system if you have one. Retrofitting one later is painful.
  • Import Figma frames one component at a time. Whole-page imports degrade.
  • Watch the daily message cap on the free plan; it is a harder constraint than the credit balance.
  • Use Git integration from the start, so you can branch rather than undo.

Limitations

  • No official limitations list. Vercel's documentation describes what v0 can do and is silent on what it cannot. What follows is drawn from independent reviews.
  • Authentication is not built in. You scaffold it through the Vercel Marketplace with Auth.js or Clerk.
  • Opinionated stack. Next.js, React, Tailwind, shadcn/ui. Excellent if that is your stack, an obstacle if it is not.
  • Strongest on interfaces. UI, landing pages, dashboards, and internal tools are where it shines; deeply custom backends less so.
  • Figma import degrades on sprawling multi-frame pages.
  • Token billing is unpredictable. Cost per generation varies with complexity, and you find out afterwards.
  • Gravity toward Vercel. Deployment, databases, and marketplace integrations all assume you are staying.

Alternatives

  • Lovable - React and Supabase, self-contained, no Vercel assumption
  • Bolt - Runs the whole environment in your browser; supports React Native
  • Base44 - Managed backend with auth included out of the box
  • Replit Agent - Longer autonomous runs with a self-testing loop
  • Cursor - For writing the code yourself, with help

For a direct comparison, see Lovable vs v0.

Community & Support

Frequently Asked Questions

v0.app. Vercel announced the rename on August 11, 2025, to reflect the product's shift from a code generation tool to an agentic AI platform. The old v0.dev domain still redirects.
Next.js and React applications styled with Tailwind CSS and shadcn/ui, its default design system. Since 2025 it produces backend logic as well as UI — Vercel describes the output as production-ready code rather than mockups.
v0 meters usage in credits derived from token consumption, a model it adopted in May 2025 in place of fixed message counts. The free plan includes $5 of monthly credits and caps you at 7 messages per day. Paid tiers and per-model token rates are published at v0.app/pricing, and the packaging has changed more than once — check there for current figures.
Yes. The v0 Platform API entered public beta in July 2025. It exposes the generation pipeline over REST — prompt to project to code files to deployment — with an open-source TypeScript SDK at github.com/vercel/v0-sdk.
v0 is built around the Vercel ecosystem: Next.js, shadcn/ui, deploy to Vercel. That is an advantage if you already live there and a constraint otherwise. Lovable is more self-contained, pairs React with Supabase, and aims at users who never intend to open the code. v0 also does not ship built-in authentication; you scaffold it via Auth.js or Clerk.

Explore More AI Tools

Discover other AI applications and tools.