Tech & AI, Explained

v0

5 min read

🇺🇸 USA · v0 by Vercel

Status: 🟩 COMPLETE 🟦 LIVING Last updated: 2026-06-26 Plain-English tagline: Vercel’s “design-to-React-code” AI — type a prompt, get a working Next.js + Tailwind + shadcn/ui component. Deploy to Vercel with one click. Best-in-class for shadcn-styled UIs.

Front-matter facts

FieldValue
VendorVercel Inc (San Francisco, USA)
Country / origin🇺🇸 USA
Recommended for Australian users?✅ Yes — fully accessible, AUD via Vercel billing
Privacy summaryStandard Vercel privacy; team / enterprise tiers no-train; public generations may be visible in v0 community gallery if you publish
Free tierYes — limited monthly generation credits; community gallery access
Paid tiersPremium US30/seat/mo · Enterprise quoted
First releasedOctober 2023
Last reviewed2026-06-26
Official sitehttps://v0.app (formerly v0.dev)

What it is

v0 is Vercel’s AI app builder — you describe what you want in plain English (or upload a screenshot / mockup), and v0 generates working React + Next.js + Tailwind CSS + shadcn/ui code. You can iterate (“make the button blue,” “add a dark mode toggle”), preview live, then export the code or deploy directly to Vercel.

v0 is particularly strong for modern web UIs because:

  • It generates code in the exact stack the encyclopedia recommends (Next.js + Tailwind + shadcn/ui)
  • It’s built by Vercel — deep integration with Next.js + Vercel deployment
  • It uses Vercel’s “v0 model” — a model fine-tuned specifically for React UI generation
  • It produces production-quality code (not just demos)

It’s part of the broader “vibe coding” category — alongside Bolt.new, Lovable, Replit Agent — where the unit of work is “a working app from a description” rather than “code edits in a file.”

What you’d use it for

  • Generate a UI component matching a design or screenshot
  • Build a landing page in minutes
  • Prototype an interactive widget before integrating into a larger app
  • Convert a Figma mockup to React code
  • Add a new page to a Next.js app with consistent styling
  • Bootstrap a side project end-to-end
  • Generate dashboards with charts, tables, forms

What it’s not ideal for:

  • Backend logic (v0 is UI-focused)
  • Mobile-app development (web only)
  • Long-running production-grade engineering (v0 helps start; for serious work, use Claude Code / Cursor / etc. on top)

How to sign up + first 5 minutes from Australia

  1. Go to v0.app. Sign in with Vercel / GitHub / Google.
  2. Free tier is active immediately — limited monthly credits.
  3. Try one of these:
    • “Pricing page for a SaaS product with three tiers and a comparison table”
    • “Dashboard with sidebar nav, KPI cards, and a line chart”
    • Upload a screenshot of any UI: “Build this in React + shadcn”
  4. Iterate in chat — “make it dark mode,” “add a search bar,” “make the cards more compact”
  5. Export: click Code → copy / install via CLI / fork to GitHub / deploy to Vercel
  6. Optional upgrade to Premium US$20/mo for more credits + faster generation.

What it costs — what you actually get

Free tier

  • Limited monthly v0 generation credits (~200 messages/month, with day-based reset)
  • Browse / fork community-shared generations
  • Basic project workspace

Premium — US36 incl GST)

  • ~1500 messages/month
  • Higher rate limits
  • Faster generation
  • Private projects

Team — US$30/seat/month

  • Everything in Premium
  • Shared workspace
  • Team admin
  • Centralised billing

Enterprise — quoted

  • Custom usage
  • SSO
  • Audit logs
  • No training on your generations

Hidden costs to know about

  • v0 credits are message-based — complex multi-iteration sessions consume faster
  • Vercel deployment costs are separate (Vercel hosting tiers apply)

How it compares to alternatives

Capabilityv0Bolt.newLovableCursor / Claude Code
SurfaceWeb chat → React codeWeb full-stack IDEConversational app builderCode editor / CLI
Output stackNext.js + Tailwind + shadcn (best)Any (Astro, Next, Vite, etc.)Full-stack webWhatever you tell it
Designed forUI components / pagesFull appsFull appsCode work generally
Vercel integrationNative (one-click deploy)LimitedLimitedManual
Iteration UXExcellentExcellentExcellentEditor-driven
Production-quality outputStrongStrongStrongDepends on you
Free tierYes (limited)YesLimitedFree for Claude Code via Pro
Best forModern React UIs, fastFull-stack prototypesApp builders not codingLong-form engineering

Privacy / data handling

  • Free tier generations may be visible in the v0 community gallery if you choose to share — verify default sharing settings
  • Premium / Team / Enterprise: private projects
  • Enterprise: no training; tenant-isolated

Recent changes

  • 2026: v0 model significantly improved; can handle more complex full-page generations
  • 2025: Domain moved from v0.dev to v0.app
  • 2025: Team and Enterprise tiers launched
  • 2023: Initial release (October 2023)

Gotchas

  • v0 is React + Next.js + Tailwind + shadcn-focused. If you need Vue / Svelte / Angular, v0 isn’t a good fit; use Cursor / Claude Code with general-purpose models instead.
  • Generated code uses shadcn/ui components — if your project doesn’t have shadcn installed, you’ll need to install it or adapt
  • Default sharing settings can make generations public — verify if you’re working on something private
  • Free tier credits run out during heavy iteration; Premium removes the constraint
  • One-click Vercel deploy is convenient but locks in Vercel hosting — review before deploying production work
  • v0 is conversational — refining is easy; getting it right first time is harder. Plan to iterate.
  • It’s not a replacement for Claude Code / Cursor for ongoing engineering — v0 is great for starting and prototyping; serious development still happens in your editor

See also

Sources

Graph View

Backlinks