V0 by Vercel Prompts for UI Components

v0 is tuned specifically for UI — it responds best to prompts that describe layout, components, and visual style rather than backend logic.

Components

A pricing table with 3 tiers, the middle tier highlighted as 'Most Popular', clean modern design, using Tailwind CSS
A responsive navbar with a logo on the left, nav links in the center, and a CTA button on the right. Include a mobile hamburger menu.
A dashboard stat card showing a metric name, a large number, and a small trend indicator (up/down arrow with percentage)

A SaaS landing page with a hero section (headline, subheadline, CTA button), a 3-column features section, and a footer with links
A login page with email/password fields, a 'remember me' checkbox, a forgot-password link, and a clean card-based layout

Make this component's spacing tighter and reduce the font sizes slightly so it feels more compact
Convert this component to support a dark mode variant using Tailwind's dark: classes

Describe the layout structure explicitly (columns, sections, order) — v0 follows structural instructions more reliably than vague style requests.
Ask for Tailwind CSS explicitly if that's your stack; v0 defaults to it but stating it avoids ambiguity in edge cases.
Generate a component, then refine in follow-up prompts rather than trying to describe every detail in the first prompt.
Copy the generated code into your actual project and adjust for your design tokens — treat v0 output as a strong starting point, not final production code.

New to V0 by Vercel? Start with the step-by-step guide.