How to use v0: polished web interfaces from a prompt, honestly explained, with 6 prompts to copy

v0 is the fastest way to turn a description into a good-looking web interface you can actually ship. This guide covers what it builds well, what it does not, and how to keep your work private.

The short answer

v0 is Vercel's AI app builder. You describe a website, dashboard or web app, and v0 writes the code in Next.js, React, Tailwind CSS and shadcn/ui, shows a live preview and deploys it to Vercel. The model picker offers v0 Mini, v0 Pro, v0 Max and v0 Max Fast. The free plan allows 7 messages a day. v0's plan comparison lists a data opt-out only on Business and Enterprise, so treat work on other plans as possibly used for training.

Made byVercel, United States
Free planYes, 7 messages a day, deploy to Vercel, Design Mode and GitHub sync
Modelsv0 Mini, v0 Pro, v0 Max and v0 Max Fast, plus outside models in the picker
Best atPolished React and Next.js interfaces, landing pages, dashboards and prototypes
Shows sourcesNo, it is an app builder rather than a research tool
Team plansPlus, Business and Enterprise
Your datav0 lists a data opt-out only on Business (opted out by default) and Enterprise (never used for training). Free and Premium users on a Vercel Hobby account are opted into training by default.

What v0 is in late 2026

v0 is Vercel's answer to a simple question: what if you could describe a screen and get production-quality code for it? You type what you want, such as a pricing page, an admin dashboard or a booking form, and v0 builds it, runs it in a live preview and lets you deploy it to Vercel with one click. Its documented stack is Next.js, React, TypeScript, Tailwind CSS and shadcn/ui, and it uses version 6 of Vercel's AI SDK by default when your app needs AI features.

The model picker has four of v0's own tiers. v0 Mini is the fast option, v0 Pro balances speed and quality, v0 Max is for complex work and v0 Max Fast gives Max-level output 2.5 times faster. Vercel's changelog said on 8 June 2026 that v0 Max runs on Claude Opus 4.8. Since then v0 has added Claude Opus 5 to the picker (31 July 2026) and, from 22 September 2026, the option to browse and add models from Vercel's AI Gateway with their token prices shown.

The plans changed this year too. The old Team plan was renamed Plus on 21 July 2026, the Premium plan is being phased out and is closed to new users, and on 6 October 2026 every personal account became a team workspace. If you saw a v0 guide from early 2026, the plan names in it are probably out of date.

Where v0 is genuinely strong

Interfaces that look finished

v0's output looks like a real product rather than a demo, because it builds on shadcn/ui components with sensible spacing, type and states. A marketer can describe a launch page and get something presentable in one or two rounds, and a product manager can turn a written spec into a clickable prototype before the design review.

Working from what you already have

You can attach Excel and Word files to a chat (added in June 2026), inspect Figma designs directly (July 2026) and paste screenshots. That means you can hand v0 a requirements document or a spreadsheet of products and ask it to build the page around real content instead of placeholder text.

Editing without rewriting

Design Mode lets you adjust the interface visually, and Annotations mode lets you click elements in the preview and drop numbered comments, which v0 then works through. The Code tab, added on 25 September 2026, lets you edit files yourself and leave comments as context for the next prompt.

Shipping through GitHub and Vercel

Since 1 September 2026, publishing creates or reuses a GitHub pull request, merges it and deploys to production, with a separate branch and preview deployment for each change. For developers this is the real draw: v0 work lands in a normal repository that the rest of the team can review. The Built with v0 badge was removed from published apps on 14 August 2026.

Where it falls short

  • The free plan is a taster. Seven messages a day is enough to try v0, not to build anything serious, because most real pages take several rounds of changes.
  • One stack, one host. v0 writes Next.js and React and is built around Vercel. If your company runs a different framework or hosts elsewhere, you will spend time adapting the output.
  • Front end first. v0 can build full apps, but its sweet spot is the interface. For an app where the database, logins and background jobs are the hard part, compare it with Replit or Lovable, which put more of the backend in the box.
  • Credits run down on big models. Paid plans include monthly credits, and v0 Max uses them faster than Mini. Check the usage dashboard, which every user has had since August 2026.

How to get much better results from v0

  1. Describe the user and the job, not just the layout. "A dashboard for a sales manager who checks pipeline every Monday" gets better decisions than "a dashboard with charts".
  2. Give it real content. Attach the brief, the product list or the copy. Placeholder text produces placeholder design.
  3. Start on v0 Mini or Pro, then switch. Use the cheaper tiers to get the structure right and save v0 Max for the hard parts, such as complex state or tricky layouts.
  4. Fix one thing per message. Use Annotations mode to point at the exact element. Long lists of changes in one prompt are where builders tend to break things that already worked.
  5. Connect GitHub early. Every published change then has its own branch and preview, so you can always go back.

Our v0 lessons walk through a first build step by step, and the stacks page shows how v0 fits with the other tools a small team needs.

Privacy settings to check today

Vercel's own pages do not fully agree on this, so here is the safe reading. v0's plan comparison lists a data opt-out only on Business, where training is off by default, and Enterprise, where your data is never used for training. Free, Premium and Plus show no opt-out. Vercel's terms update of 17 March 2026 also says Free and Premium v0 users on a Vercel Hobby account are opted into AI training by default. Vercel's training preferences live in your Vercel team under Team Settings, then Data Preferences, so check what that page shows for your team, but do not count on an opt-out below Business. If you are building anything with customer data, company code or unreleased product plans, use Business or Enterprise, or keep that material out of v0.

Which v0 plan suits whom

Free suits anyone curious about AI building who wants to make one landing page or prototype. Plus suits small teams that build often, because it gives access to all models, monthly credits per user, a shared credit pool and shared chats. Business is the plan for privacy-conscious teams, since it adds the training opt-out by default. Enterprise adds SAML SSO, role-based access control and support guarantees for larger companies. If you already pay for ChatGPT Plus or Pro, note that since 29 September 2026 you can build in v0 with your ChatGPT plan for supported models. Check v0's pricing page for current prices.

v0 is not for you if you want a backend-heavy app without touching code, or if your team is committed to a stack other than React. For a side-by-side view, see v0 vs Bolt or use our comparison tool.

Prompts to copy

Landing page from a brief

Build a one-page landing page for [product], aimed at [audience]. Use this copy exactly: [paste copy]. Include a hero with one clear call to action, three benefit blocks, a short FAQ-style section of objections and answers, and a sign-up form that only collects an email address. Keep it clean and mobile-first.

You get: A publishable page built around your real words

Dashboard from a spreadsheet

I have attached a spreadsheet of [data, for example monthly sales by region]. Build a dashboard for a [role] who checks it every [Monday]. Show the three numbers they care about most at the top, one trend chart and a sortable table. Tell me which columns you used for each element.

You get: A working dashboard and a clear map of the data behind it

Prototype from a spec

Here is a product spec: [paste spec]. Build a clickable prototype of the main flow only, from the first screen to the confirmation screen. Use realistic sample data, not lorem ipsum. List any decisions you had to make that the spec did not cover.

You get: A prototype for review plus the gaps in your spec

Fix one element

On the pricing section, the cards are different heights on mobile and the button text wraps. Make the cards equal height and keep each button on one line at 375px wide. Do not change anything else on the page.

You get: A targeted fix that leaves working parts alone

Internal tool for a team

Build a simple internal tool where our [team] can submit a [request type], see the status of their requests and filter by [field]. Include an admin view to change status. Use placeholder storage for now and tell me what I need to connect a real database later.

You get: A usable internal tool and a plan for the backend

Accessibility review

Review this page for accessibility. Check colour contrast, keyboard navigation, form labels, alt text and heading order. Fix what you can and list anything that needs a human decision.

You get: A more accessible page and a short list of open questions

Start the v0 lessons