v0.dev

v0.dev is a website where you describe how another website should look. For example, you write: “A login screen with an email field, a password field, and a blue button.” Shortly afterward, exactly this screen appears on the display. Next to it is the program code, i.e., the text instructions from which the browser assembles the page. This code can be copied and built into one’s own project. The service is operated by Vercel, a US company that primarily sells technology for publishing websites.

From screenshot to clickable interface

Until now, designing websites happened in two separate steps. First, someone drew a picture of the interface in a graphics program. Then a developer painstakingly turned this picture into code. Days were often lost between the two steps. v0.dev merges both steps together: the result is a real, clickable piece of software from the very start.

The time saved is especially valuable when experimenting. A team can generate five variants of a homepage in the morning and compare them at noon. Previously, one would have had to settle on a single variant because there wasn’t time for more. Such quick drafts are called prototypes, meaning test versions that no one uses seriously yet.

It’s important to distinguish this from a website builder like Wix or Squarespace. There, you click together ready-made building blocks and remain trapped within the provider’s system. v0.dev, on the other hand, delivers normal code that runs anywhere. So you can take it with you and keep working on it however you like.

What happens behind the input field

At its core is a language model. This is a program that has learned from enormous amounts of text which word or character is likely to fit next. For such a model, program code is also just text with strict rules. It has seen countless public code examples and can therefore write new, similar lines.

v0.dev deliberately restricts the model in doing so. It generates code for a specific family of technologies, mainly React and Tailwind, two widely used tools for building web interfaces. This restriction is an advantage: whoever uses only one type of brick makes fewer mistakes when building a wall. In addition, the tool draws on a collection of vetted standard components, for example for buttons, tables, or menus.

The work doesn’t end with the first result. You describe desired changes in further sentences, such as “make the text bigger” or “add a footer.” The model receives the existing code as a starting point and rewrites it. This loop of request, suggestion, and correction is repeated until the result fits.

Who works with it and where the limits lie

v0.dev appears most often at small companies and among individuals who quickly need a product page or an internal tool. Designers without deep programming knowledge also use it to test ideas themselves. In business news, the service usually appears as an example of a larger trend: software that writes software. Competing products are called Lovable, Bolt, or Replit Agent.

A common misconception is that this can be used to build finished programs. The tool mainly generates the visible interface. What happens behind it—user accounts, payments, or data storage—still has to be carefully developed. The generated code also contains errors and must be checked before it is unleashed on real users.

For you as a student, the service is still a good entry point. You immediately see which code has which effect on the screen. This makes learning more vivid than an empty text window. However, it makes sense to also read the generated code and not just copy it.