v0 by Vercel

Figma → code, but with AI

v0 is like having a junior frontend developer who works incredibly fast. You describe what you want — or send a screenshot — and you get a working React component.

How I use it

Quick prototypes

A client wants to see a pricing table mockup. Instead of 2 hours in Figma:

1. I write to v0: "pricing table, 3 tiers, monthly/annual toggle, dark theme"
2. In 30 seconds I have a working component
3. I send the client a preview link
4. I iterate based on feedback

Components for airepublic.cz

Some components on this site I prototyped in v0 and then brought into the project. Card layouts, hero sections, navigation — v0 is great as a starting point.

Design → code

Got a screenshot from Dribbble or a Figma mockup? I drop it into v0 and get an implementation in shadcn/ui + Tailwind. It's not pixel-perfect, but it's 80% of the way there in 1% of the time.

v0 vs Claude Code

Different tools, different purposes:

| | v0 | Claude Code | |---|---|---| | Focus | UI components | Whole project | | Input | Prompt + visuals | Prompt + codebase context | | Output | Isolated components | Multi-file changes | | Iteration | In the browser | In the terminal | | Backend | No | Yes |

I use both: v0 for quick UI prototypes, Claude Code for implementation in the project.

Verdict

v0 is the best tool for quickly generating frontend components. If you're building in React/Next.js with shadcn/ui, it's a must-have. For full-stack development you need more (Claude Code, Cursor), but v0 is an excellent starting point.