v0
v0 (v0.app, anciennement v0.dev) est une plateforme de développement IA créée par Vercel qui génère des applications web et des composants UI production-ready en React/Next.js/Tailwind CSS/shadcn/ui à partir de prompts en langage naturel, avec preview live, intégration Git et déploiement en un clic sur Vercel.
- Catégorie
- Générateur d’UI / App builder IA Freemium
- Éditeur
- Vercel (Guillermo Rauch, créateur de Next.js)
- Lancement
- Octobre 2023 (beta), rebrand v0.app en janvier 2026
- Utilisateurs
- 6+ millions de développeurs
- Stack
- Next.js + React + TypeScript + Tailwind CSS + shadcn/ui
- Runtime
- Vercel Sandbox (VM isolée)
- Tarifs
- Free (5 $ crédits/mois) | Premium 20 $/mois | Team 30 $/user/mois | Business 100 $/user/mois
- URL
- v0.app
v0 : le générateur d’interfaces le plus propre du marché
Si Lovable et Bolt.new misent sur la génération d’applications full-stack complètes, v0 a commencé avec une ambition plus ciblée : générer le frontend le plus propre possible. Décrivez un composant UI en langage naturel (« un dashboard avec sidebar, graphiques et data table, thème sombre »), et v0 produit du code React/Next.js de qualité production, stylé avec Tailwind CSS et les composants shadcn/ui.
Le résultat est du code que les développeurs React reconnaissent immédiatement : modulaire, typé (TypeScript), utilisant les bonnes pratiques du framework, sans runtime propriétaire ni lock-in. Vous pouvez copier le code dans votre projet, le pousser sur GitHub ou le déployer directement sur Vercel en un clic.
Ce qui distingue v0, c’est la qualité visuelle du résultat. Les composants générés utilisent shadcn/ui, une bibliothèque de composants open-source construite sur Radix UI et Tailwind, qui est devenue le standard de facto pour les applications React modernes. L’intégration est bidirectionnelle : chaque composant sur ui.shadcn.com peut être ouvert et édité dans v0, et inversement.
De générateur de composants à app builder full-stack
v0 a considérablement évolué depuis son lancement en beta en octobre 2023, où il ne faisait que générer des composants UI isolés. En 2025-2026, la plateforme s’est transformée en un app builder plus complet :
Sandbox-based runtime
Le changement le plus significatif est le passage du preview dans le navigateur au Vercel Sandbox, une machine virtuelle légère qui exécute votre application dans un environnement isolé. Ce runtime permet d’importer des dépôts GitHub existants, de récupérer automatiquement les variables d’environnement depuis Vercel, et de construire des applications complètes dans un vrai environnement serveur. Les fonctionnalités côté serveur (Server Components, API routes, SSR) fonctionnent désormais nativement.
Git Panel intégré
v0 intègre désormais un panneau Git qui permet de créer une branche pour chaque conversation, d’ouvrir des Pull Requests directement depuis le chat et de déployer au merge. C’est un changement majeur pour les workflows d’équipe : les marketeurs, product managers et designers peuvent désormais pousser du code en production via des workflows Git propres, sans configurer un environnement de développement local.
Intégrations bases de données
v0 peut désormais se connecter à des bases de données (Snowflake, AWS et d’autres) et construire des applications data-driven. L’agent planifie les tâches, se connecte aux sources de données et génère le code d’interface correspondant. C’est encore moins complet que l’intégration native de Supabase dans Lovable ou le PostgreSQL intégré de Replit, mais ça rapproche v0 du full-stack.
Agent intelligent
v0 dispose d’un agent IA avec des capacités autonomes : recherche web, inspection de sites existants, correction automatique d’erreurs et intégration d’outils externes. L’agent peut analyser un site web existant et reproduire son design, ce qui est utile pour le reverse engineering de composants ou la migration de designs.
Stack technique
v0 est profondément ancré dans l’écosystème Vercel/Next.js. Tout ce qu’il génère utilise :
| Technologie | Rôle | Pourquoi ce choix |
|---|---|---|
| Next.js | Framework React full-stack | SSR, SSG, API routes, App Router, Server Components |
| React | Bibliothèque UI | Standard de l’industrie frontend |
| TypeScript | Typage statique | Fiabilité du code, meilleur autocomplétion |
| Tailwind CSS | Framework CSS utilitaire | Prototypage rapide, cohérence visuelle |
| shadcn/ui | Composants UI | Accessibles, personnalisables, open-source, standard React |
| Vercel AI SDK | Intégration IA | Pour les applications IA (chatbots, agents) |
Cette stack est un avantage et une limitation. Si vous travaillez avec React/Next.js (ce qui est le cas de millions de développeurs), v0 produit exactement le code que vous écririez vous-même, en mieux structuré. Si vous utilisez Vue, Svelte, Angular ou autre, v0 n’est pas pour vous.
Tarifs
| Plan | Prix | Crédits/mois | Fonctionnalités clés |
|---|---|---|---|
| Free | 0 $ | 5 $ en crédits | Génération de composants, preview live, déploiement Vercel |
| Premium | 20 $/mois | 20 $ en crédits | + Import Figma, accès API, modèles premium |
| Team | 30 $/user/mois | 30 $/user en crédits (partageables) | + Workspace partagé, crédits mutualisés |
| Business | 100 $/user/mois | Inclus | + Confidentialité renforcée, gouvernance |
| Enterprise | Sur devis | Custom | + SSO, sécurité enterprise, support dédié |
Depuis février 2026, v0 utilise une tarification basée sur les tokens plutôt que sur un nombre fixe de crédits. Chaque génération coûte un nombre variable de tokens selon la complexité du prompt et le modèle utilisé. Les crédits achetés en supplément ne expirent pas (contrairement aux crédits mensuels inclus). Les plans Team et Enterprise permettent de partager les crédits achetés entre membres.
Cas d’usage
Prototypage UI rapide
C’est le cas d’usage fondamental de v0. Un développeur frontend peut scaffolder une interface complète (dashboard, landing page, formulaire multi-étapes, portail admin) en quelques minutes au lieu de quelques heures. Le code est immédiatement utilisable dans un projet Next.js existant, pas besoin de le réécrire.
Design-to-code
Le plan Premium inclut l’import Figma : vous glissez un design Figma dans le chat et v0 génère le code React correspondant. C’est un workflow puissant pour les équipes où designers et développeurs collaborent : le designer crée dans Figma, le développeur importe dans v0, itère par conversation, et pousse via Git.
Personnalisation de composants shadcn/ui
L’intégration bidirectionnelle avec shadcn/ui signifie que vous pouvez prendre n’importe quel composant de la bibliothèque (calendrier, data table, formulaire, dialog, navigation), l’ouvrir dans v0, le personnaliser en langage naturel (« ajoute un mode sombre », « change les couleurs en bleu marine », « rends-le responsive pour mobile ») et le réintégrer dans votre projet. C’est un accélérateur pour les design systems basés sur shadcn.
Ce workflow est particulièrement puissant pour les équipes qui standardisent leur design system sur shadcn/ui. Au lieu de modifier manuellement chaque composant dans le code, vous les ouvrez dans v0, décrivez les modifications souhaitées, et obtenez le code mis à jour avec toutes les variantes. Les composants générés héritent automatiquement des bonnes pratiques d’accessibilité de Radix UI (la couche de composants sous-jacente de shadcn), ce qui garantit un code conforme aux standards WCAG sans effort supplémentaire.
Applications data-driven
Avec les intégrations bases de données (Snowflake, AWS) et le Sandbox runtime, v0 peut désormais construire des applications de reporting et de visualisation de données internes. Les équipes qui devaient historiquement configurer des pipelines ETL complexes et des jobs planifiés peuvent maintenant décrire le rapport souhaité en langage naturel et obtenir une application de données fonctionnelle. C’est encore un cas d’usage émergent, mais la direction est claire : v0 vise à devenir l’outil de référence pour les applications web data-driven dans l’écosystème Vercel.
Démocratisation pour les non-développeurs
Avec le Git panel et le Sandbox, les marketeurs et product managers peuvent créer des branches, faire des modifications de contenu ou de design, ouvrir des PRs et les faire merger sans jamais configurer un environnement de développement local. C’est un changement significatif dans les workflows d’équipe.
Limites
Verrouillage dans l’écosystème Vercel/Next.js
v0 ne génère que du code React/Next.js avec Tailwind CSS. Si votre projet utilise Vue, Svelte, Angular ou un autre framework, v0 n’est pas utilisable. Même dans l’écosystème React, le couplage fort avec Next.js signifie que le code généré est optimisé pour le déploiement sur Vercel plutôt que pour une infrastructure quelconque.
Backend encore limité
Malgré les évolutions de 2025-2026, v0 reste fondamentalement orienté frontend. Il peut se connecter à des bases de données et des API externes, mais ne génère pas de backend complet comme Lovable (Supabase intégré) ou Bolt.new (Bolt Cloud). Pour une application nécessitant authentification, stockage de données et logique métier côté serveur, vous devrez configurer ces éléments séparément.
Consommation rapide des crédits
Le passage au pricing basé sur les tokens rend les coûts moins prévisibles. Des prompts apparemment simples peuvent consommer plus de tokens que prévu car v0 ajoute des instructions système en arrière-plan. Les utilisateurs intensifs sur le forum Vercel rapportent que les crédits Premium (20 $/mois) s’épuisent rapidement sur des générations full-stack complexes.
Collaboration limitée
Hors plan Team, v0 est essentiellement un outil solo. Il n’y a pas d’édition collaborative en temps réel, de commentaires sur le code ou d’espace de travail partagé. C’est un point faible par rapport à Replit qui propose la collaboration native sur tous les plans.
v0 vs les alternatives
| Critère | v0 | Lovable | Bolt.new | Cursor |
|---|---|---|---|---|
| Force | Qualité UI React/Next.js | Full-stack React/Supabase | Multi-framework, WebContainers | IDE complet, tout projet |
| Backend | Limité (connexions DB) | Supabase intégré | Bolt Cloud | Via code existant |
| Qualité du code UI | Excellente (shadcn/ui) | Très bonne | Bonne | Dépend du développeur |
| Frameworks | Next.js/React uniquement | React uniquement | Multi-framework | Tous |
| Déploiement | Vercel (1 clic) | Lovable Cloud / export | Netlify / bolt.host / export | N’importe où |
| Import Figma | Oui (Premium) | Non natif | Oui | Non |
| Git intégré | Oui (branches, PRs) | GitHub sync | GitHub export | Natif (c’est un IDE) |
| Prix de base | Free / Premium 20 $ | Free / Pro 25 $ | Free / Pro 25 $ | Free / Pro 20 $ |
v0 dans l’écosystème Vercel
v0 n’existe pas dans le vide. C’est une pièce du puzzle Vercel, la plateforme de déploiement frontend fondée par Guillermo Rauch (créateur de Next.js). Vercel est valorisé à 9,3 milliards de dollars (investisseurs : Accel, GV, Greenoaks Capital) et héberge les sites de dizaines de milliers d’entreprises.
v0 s’intègre naturellement avec l’infrastructure Vercel : les variables d’environnement, les déploiements de preview, le CDN global, les serverless functions et le Vercel AI SDK. Pour les équipes déjà sur Vercel, v0 est le chemin le plus court entre une idée et une page en production. Pour celles qui ne sont pas sur Vercel, le couplage fort est un frein : vous vous engagez implicitement dans l’écosystème Vercel en adoptant v0.
Vercel a annoncé que 2026 serait « l’année des agents » : v0 permettra de construire des workflows agentiques complets (modèles IA inclus) et de les déployer sur l’infrastructure « self-driving » de Vercel. C’est une direction ambitieuse qui positionne v0 bien au-delà du simple générateur d’UI.
Chronologie
| Date | Événement |
|---|---|
| Oct. 2023 | Lancement en alpha de v0.dev, générateur de composants UI |
| Nov. 2023 | Beta publique, 100 000 inscrits sur la liste d’attente en 3 semaines |
| 2024 | Intégration bidirectionnelle shadcn/ui, import de screenshots et designs |
| 2025 | Sandbox runtime, import GitHub, variables d’environnement Vercel, pricing tokens |
| Janv. 2026 | Rebrand v0.dev → v0.app. 6M+ développeurs sur la plateforme. |
| Fév. 2026 | Git Panel (branches, PRs depuis le chat), intégrations Snowflake/AWS, agent intelligent |
| Mars 2026 | Application iOS, design systems personnalisables, workflows agentiques annoncés |
Verdict
v0 est le meilleur outil de génération d’interfaces React/Next.js disponible. La qualité du code UI est supérieure à ce que produisent Lovable et Bolt, grâce à l’intégration native avec shadcn/ui et l’expertise de l’équipe Vercel dans l’écosystème React. Pour un développeur frontend, c’est un accélérateur qui élimine le « syndrome de la page blanche » et produit un point de départ solide que vous pouvez personnaliser librement.
Mais v0 n’est pas un app builder full-stack. Si vous avez besoin d’un backend, d’une base de données, de l’authentification et du déploiement dans un package tout-en-un, Lovable, Bolt.new ou Replit sont plus adaptés. v0 brille dans un workflow où il génère le frontend et vous (ou un autre outil) gérez le reste.
Le plan gratuit avec 5 $ de crédits mensuels est suffisant pour tester. Pour un usage régulier, le Premium à 20 $/mois est bien calibré. Et si vous êtes sur Vercel avec une équipe, le plan Team à 30 $/user avec crédits partagés est le choix naturel.
Questions fréquentes sur v0
v0 est-il gratuit ?
Oui, partiellement. Le plan gratuit inclut 5 $ de crédits mensuels, suffisants pour générer plusieurs composants simples. Aucune carte bancaire n’est requise, juste un compte Vercel. Pour un usage intensif ou l’import Figma, le plan Premium coûte 20 $/mois.
v0 génère-t-il du code backend ?
De manière limitée. v0 peut créer des API routes Next.js et se connecter à des bases de données externes, mais il ne génère pas de backend complet avec auth, stockage et logique métier comme le font Lovable (via Supabase) ou Bolt.new (via Bolt Cloud). v0 reste fondamentalement un outil frontend avec des capacités backend émergentes.
Peut-on utiliser v0 sans Vercel ?
Oui. Le code généré est du React/Next.js standard, exportable vers GitHub et déployable n’importe où. Cependant, l’expérience est optimisée pour Vercel : le déploiement en un clic, le Sandbox avec variables d’environnement et les previews automatiques ne fonctionnent qu’avec l’infrastructure Vercel.
Quelle est la différence entre v0 et Lovable ?
v0 est un générateur d’interfaces React de haute qualité avec intégration Git et déploiement Vercel, destiné aux développeurs frontend. Lovable est un app builder full-stack conversationnel qui génère frontend + backend + base de données, destiné aux non-développeurs. v0 produit du code UI plus propre. Lovable produit des applications plus complètes. Pour un prototype rapide avec backend, choisissez Lovable. Pour des composants UI React de production, choisissez v0.
Le code généré par v0 est-il de bonne qualité ?
Oui, c’est l’un des meilleurs parmi les outils de génération IA. Le code utilise React, TypeScript, Tailwind CSS et shadcn/ui, ce qui correspond aux bonnes pratiques actuelles du développement frontend. Les composants sont modulaires, accessibles (grâce à Radix UI sous shadcn) et personnalisables. Les développeurs expérimentés peuvent reprendre le code et le faire évoluer sans avoir à le réécrire.