v0 by Vercel settings guide

v0.dev (Vercel AI) · UI Generation · React · shadcn

Build / AppsFreemiumPopular

Token burn: Medium burn

Moderate; a few settings changes save money. Last reviewed April 2026; plans and model names change often, so check the tool's own pricing page before you buy.

Visit v0 by Vercel Back to directory

v0 generates production-ready React + Tailwind + shadcn/ui components — use it specifically for UI components, not full app architecture.

Paste a screenshot of any UI you want to clone — v0 analyzes the image and generates a React replica in seconds.

Always specify 'dark mode compatible' in your prompt — v0 adds dark mode CSS variables automatically when asked.

Ask v0 to 'make it accessible' after generation — it adds ARIA labels, keyboard navigation, and screen reader support.

Use the 'Add to Codebase' feature to directly push components to your Next.js project via CLI (npx v0@latest add [id]).

Generate the mobile version first, then ask for desktop layout — responsive-first avoids manual breakpoint fixes.

Free tier: 200 credits/month — each component generation costs 5–20 credits depending on complexity.

API cost estimate

Monthly cost at list prices (September 2026), before and after a token cut you choose.

Requests per day: 20ModelToken cut from better settings (your assumption): 25%₹ per US$ (set today's rate)

Now: $4.80; ₹403
After a 25% cut: $3.60; ₹302
Saved per month: $1.20; ₹101

Assumes about 1,500 input and 500 output tokens per request (medium burn). Excludes caching discounts, search or request fees and taxes. Check the vendor's pricing page before budgeting.

Reveaxa guide reference: RVX-T-v0