v0 prompt kit

v0 Website Prompts for UI, Landing Pages, and SaaS Apps

Use these v0 prompts to move from a vague idea to a structured React UI with sections, states, and implementation-ready component direction.

Best for

developersdesign engineersfoundersproduct designers

Works with

v0Vercelshadcn/uiTailwind CSSReact

Copy-paste prompts

Start with a full prompt, then use the follow-ups to improve copy, layout, SEO, and conversion.

Portfolio website in v0

Prompt v0 to create a designer or developer portfolio.

Create a responsive portfolio website for [role/name]. Include a strong hero, selected projects, case study cards, skills, testimonials, about section, contact CTA, and dark/light friendly styling. Use modern React components, shadcn/ui patterns, and Tailwind utility classes.

Follow-up prompts

  • Add a project case study detail page layout.
  • Make the homepage more editorial and less template-like.
  • Add accessible hover and focus states.

SaaS dashboard UI

Generate dashboard screens with real UI states.

Design a SaaS dashboard for [product]. Include a sidebar, top bar, metric cards, chart area, data table, filters, command/search input, empty state, and settings preview. Use shadcn/ui components and a polished B2B SaaS visual style.

Follow-up prompts

  • Add loading, empty, and error states.
  • Create a compact mobile version.
  • Improve the data table with filters and bulk actions.

Conversion landing page

Create a page that can ship as a real marketing page.

Build a landing page for [product] targeting [audience]. Include hero, problem section, benefits, feature grid, product screenshot placeholder, pricing, testimonials, FAQ, and final CTA. Use crisp copy, strong visual hierarchy, and Tailwind CSS.

Follow-up prompts

  • Rewrite the hero for a more specific ICP.
  • Add a comparison table against alternatives.
  • Add schema-friendly FAQ copy.

Why v0 prompts should be specific

v0 performs best when the prompt describes the component structure, visual system, states, and responsive behavior. Avoid one-line prompts when you need production-ready UI.

What to ask after the first result

Ask v0 to add missing states, improve accessibility, tighten layout spacing, and split large sections into reusable components.

FAQ

Do these v0 prompts work with shadcn/ui?

Yes. Several prompts explicitly ask for shadcn/ui-style components and Tailwind utility classes.

Should I paste the full prompt at once?

Start with the full page prompt, then refine section by section with follow-up prompts for states, layout, and copy.