v0 logo
Builder

v0

by Vercel

"shadcn UI, from a sentence."

Vercel's generative UI tool. Prompt to production-quality Next.js + Tailwind + shadcn components, deploy in one click.

Open ↗

Overview

v0 by Vercel creates website screens and small apps from chat, aimed at people comfortable with web tech.

How to use it
· 3 steps
  1. 1

    Open v0.app and describe the screen.

  2. 2

    Refine by chatting about layout and style.

  3. 3

    Deploy to Vercel with one click.

Best-practice prompts

Prompt 1
Landing page
A mobile landing page for a skincare live sale: countdown timer, 3 product cards, testimonials and a big 'Join Live' button.
Why it works · Clear sections give clean results.

Best for

  • Landing pages & marketing sites
  • Dashboards with shadcn
  • Design → code handoff
  • One-click Vercel deploy

Not for

  • —Full-stack DB apps (use Lovable)
  • —Non-React stacks

Pricing

Free$0Daily message limit
Premium$20/mo5,000 messages, private
Team$30/seatShared workspace, roles

Pro tips

  • →Ask for 3 variants — v0 nails one of them almost every time.
  • →Paste a screenshot of a site you like — it reverse-engineers layout.
  • →Export the exact shadcn components straight into your repo.

Related tools