v0
Herramienta de Vercel que genera UI en React y apps web full-stack a partir de texto.
Qué es
v0 es la herramienta de Vercel para crear interfaces y aplicaciones web describiendo lo que quieres en lenguaje natural. Genera código React (con Next.js y Tailwind), te deja editarlo visualmente y publicarlo en segundos. Funciona en el navegador, sin instalar nada.
Cómo usar y acceder
Entrás a v0.app, escribís en un chat lo que quieres ("una landing para una cafetería con formulario de reserva"), v0 arma la UI y el código. Iterás conversando, editás en modo diseño y publicás con un click o exportás a GitHub. Se usa desde el navegador en v0.app, iniciando sesión con tu cuenta de Vercel. Tiene una capa gratuita con créditos mensuales y planes de pago con más créditos y modelos más potentes.
v0 es la herramienta de Vercel para construir interfaces y aplicaciones web conversando con la IA. Le dices en texto qué quieres y te devuelve componentes React listos (con Next.js y Tailwind), una vista previa en vivo y la opción de publicarlo al instante. Sirve para quien necesita una UI o una landing rápido sin arrancar de cero, y para quien después quiere llevarse el código a su propio proyecto.
Cómo empezar
- Entra a v0.app e inicia sesión con tu cuenta de Vercel.
- Abre un chat nuevo (“New Chat”) o parte de una plantilla del catálogo (landings, dashboards, apps).
- Escribe en lenguaje natural lo que quieres. Cuanto más específico, mejor sale.
- Mira la vista previa, pídele cambios conversando o ajusta en el modo diseño (colores, tipografía, texto).
- Cuando te guste, publica con un click (deploy en Vercel) o exporta el código a GitHub para seguir trabajando.
Ejemplo real
Un prompt para arrancar una landing concreta:
Crea una landing page para una cafetería de especialidad llamada "Grano".
Secciones: hero con foto de fondo y un botón "Reserva tu mesa", lista de 3
productos destacados con precio, un formulario de reserva (nombre, fecha,
cantidad de personas) y un footer con dirección y redes. Estilo cálido,
tonos tierra, tipografía moderna. Usa React y Tailwind.Después iterás: “haz el hero más alto y añade un menú de navegación fijo arriba”.
Trucos y errores comunes
- Pide una sección o pantalla por vez: prompts gigantes salen peor que iterar de a poco.
- Si vas a integrar el resultado en un proyecto propio, exporta a GitHub en vez de copiar y pegar suelto.
- Los créditos gratuitos se consumen por generación; prompts complejos gastan más rápido.
- Revisa el código generado antes de mandarlo a producción: la IA acierta mucho, pero no todo.
Cuándo conviene
Conviene cuando trabajas (o quieres trabajar) en el stack de Vercel: React, Next.js, Tailwind y deploy en Vercel. Es ideal para prototipar UI rápido, armar landings o partir de una base sólida que después editás vos. Si necesitás un backend complejo y multiusuario desde el día uno, una herramienta más full-stack como Lovable o Bolt.new puede encajar mejor.
Enlaces
Actualizado: 28 de mayo de 2026