v0

v0 is an AI development tool built by Vercel that generates production-ready frontend code from natural language prompts, screenshots, or Figma designs. It was initially positioned as a UI component generator — describe a button, card, or dashboard layout and v0 produces working React + Tailwind CSS markup — and has since expanded into a more complete full-stack builder.

The core workflow is conversational: type a prompt describing what you want to build, review the generated preview in the split-pane interface, and iterate through follow-up messages. v0's output targets React with Tailwind CSS, using shadcn/ui components as the default design system, producing code that matches Vercel's own ecosystem preferences.

Design Mode is a visual editor layered on top of the AI generation: you can click any element in the preview to select, move, resize, and style it without writing code or prompting. This bridges the gap between AI generation and pixel-perfect polish.

GitHub sync connects v0 to a repository so generated code flows directly into your version control. This makes v0 usable as a code generation assistant inside an existing project rather than only as a standalone builder.

Figma import (on Premium+) lets you paste a Figma design URL and have v0 generate a matching React component, significantly speeding up the design-to-code handoff.

Deployment flows naturally into Vercel — generated projects can be deployed with one click, inheriting Vercel's edge network, preview deployments, and analytics.

v0 uses a credit-based billing model (introduced in 2025): each plan includes a monthly credit pool tied to token usage. Longer prompts, image uploads, and iterative regenerations consume more credits. Purchased credits expire after one year and can be shared on Team plans.

Because v0 is built by Vercel, the generated code is architecturally aligned with Next.js and the Vercel platform — an advantage for teams already on Vercel, but a soft constraint for those who aren't.