---
source: 'https://howaiworks.ai/ai-tools/v0'
section: ai-tools
title: v0
description: >-
  Vercel's agentic app builder. Generates production-ready Next.js, React,
  Tailwind, and shadcn/ui apps, with Git workflows, databases, and a Platform
  API.
category: AI Platform
developer: Vercel
projectType: Web & Mobile Application
pricing: Freemium
launchDate: '2023-10-01'
modelUsed: 'v0 Mini, v0 Pro, v0 Max'
officialWebsite: 'https://v0.app'
pricingPage: 'https://v0.app/pricing'
tags:
  - AI Development
  - Next.js
  - React
  - shadcn/ui
  - Agentic AI
  - Vercel
difficultyLevel: Beginner
setupTime: 2 minutes
apiAvailable: true
integrationTypes:
  - Web
  - iOS
  - API
  - GitHub
  - Figma
  - Supabase
  - Neon
  - Snowflake
isReviewed: true
toolLevel: popular
lastUpdated: '2026-07-10'
---

# v0

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

> **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 — see [how this works](https://howaiworks.ai/affiliate-disclosure).

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](https://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](https://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](https://howaiworks.ai/ai-tools/lovable)** - React and Supabase, self-contained, no Vercel assumption
- **[Bolt](https://howaiworks.ai/ai-tools/bolt)** - Runs the whole environment in your browser; supports React Native
- **[Base44](https://howaiworks.ai/ai-tools/base44)** - Managed backend with auth included out of the box
- **[Replit Agent](https://howaiworks.ai/ai-tools/replit-agent)** - Longer autonomous runs with a self-testing loop
- **[Cursor](https://howaiworks.ai/ai-tools/cursor)** - For writing the code yourself, with help

For a direct comparison, see [Lovable vs v0](https://howaiworks.ai/blog/lovable-vs-v0).

## Community & Support

- **Website**: [v0.app](https://v0.app)
- **Docs**: [v0.app/docs](https://v0.app/docs/introduction)
- **Community**: [community.vercel.com](https://community.vercel.com/)
- **Blog**: [vercel.com/blog](https://vercel.com/blog)
- **SDK**: [github.com/vercel/v0-sdk](https://github.com/vercel/v0-sdk)

## Frequently Asked Questions

### Is it v0.dev or v0.app?

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.

### What does v0 generate?

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.

### How is v0 priced?

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.

### Does v0 have an API?

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.

### What is the difference between v0 and Lovable?

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.

## Related

### Related tools

- [Lovable](https://howaiworks.ai/ai-tools/lovable)
- [Bolt](https://howaiworks.ai/ai-tools/bolt)
- [Base44](https://howaiworks.ai/ai-tools/base44)
- [Replit Agent](https://howaiworks.ai/ai-tools/replit-agent)
- [Cursor](https://howaiworks.ai/ai-tools/cursor)

---

Source: https://howaiworks.ai/ai-tools/v0 — HowAIWorks.ai