Inhaltsverzeichnis
- 1. Die drei großen KI-App-Builder: Was v0, Bolt und Lovable sind
- 2. Drei Tools, drei Kerne: die Karte in 5 Minuten
- 3. Detailvergleich: Preise, Gratis-Kontingente, generierter Code und Figma
- 4. Das richtige Tool für Ihren Anwendungsfall
- 5. Was die offizielle Dokumentation über die Unterschiede verrät
- 6. Die Lücke zwischen Demo und Produktion: 3 Fallen und was Sie mitnehmen können
- 7. Das Entscheidungsdiagramm für 2026
- Zusammenfassung
- FAQ
„Ich habe eine Idee für eine Web-App, kann aber nicht programmieren.“ KI-Web-App-Builder haben diese Hürde deutlich gesenkt. Sie schreiben „Bau mir eine Todo-App“ und bekommen eine laufende Vorschau, eine öffentliche URL und GitHub-Synchronisierung in einer einzigen Oberfläche. Die drei bekanntesten sind v0 (Vercel), Bolt.new (StackBlitz) und Lovable.
Das Fazit vorweg: Es sind nicht „dasselbe Tool“, sondern drei Produkte mit unterschiedlichen Ausgängen. v0 ist „Next.js + Vercel“, Bolt ist „jeder JavaScript-Stack + Bolts eigenes Hosting“ und Lovable ist „Full-Stack + eingebautes Backend (Lovable Cloud) + für Nicht-Entwickler“. Die Frage ist nicht „Welches ist das beste?“, sondern „Was wollen Sie tun?“
Meine Einschätzung vorab: Wenn Sie nur einen PoC oder eine Demo zeigen wollen, reichen alle drei. Wollen Sie das Projekt aber langfristig pflegen, in Produktion bringen oder im Team bearbeiten, zeigen sich Unterschiede. Wie in KI empfiehlt Vercel, Vercel AI SDK und Kann KI Infrastruktur? beschrieben, gibt es eine Lücke zwischen „die KI hat es zum Laufen gebracht“ und „produktionsreif“. Dieser Artikel behandelt den Kern jedes Tools, Preise und Gratis-Kontingente, den generierten Code, die Figma-Anbindung, die beste Wahl je Anwendungsfall, was die offizielle Dokumentation verrät, was Sie beim Wechsel mitnehmen können, und einen Entscheidungsablauf – alles am 30. September 2026 auf den Preisseiten und in der offiziellen Dokumentation der drei Anbieter geprüft.
Drei verschiedene Ausgänge – wählen Sie das Passende, nicht „das Beste“
— v0 ist Next.js + Vercel, Bolt ist jeder JS-Stack, Lovable ist für Nicht-Entwickler
Stand 30. September 2026 (monatliche Abrechnung): v0 kostenlos bis 100 $/Nutzer, Bolt kostenlos bis 30 $/Mitglied (Pro ab 25 $), Lovable kostenlos und mehr (Pro ab 25 $).
Alle drei haben ein Gratis-Kontingent und bringen Sie bis zu einer öffentlichen URL.
1. Die drei großen KI-App-Builder: Was v0, Bolt und Lovable sind
Als sich „Vibe Coding“ (Apps in natürlicher Sprache bauen) 2025–2026 verbreitete, wurden v0, Bolt.new und Lovable zu den bekanntesten Werkzeugen. Gemeinsam ist ihnen: „Text → laufende Web-App + öffentliche URL“ in einer Oberfläche. Der Unterschied: was sie erzeugen und wo sie es hosten.
Als Hinweis auf die Dynamik nur eine Zahl mit klarer Quelle. Am 23. Juli 2025 gab Lovable im eigenen Blog bekannt, 8 Monate nach der ersten 1 Mio. $ ARR die Marke von 100 Mio. $ ARR überschritten zu haben (Lovable-Blog; eine Angabe des Unternehmens selbst, nicht unabhängig geprüft). Das große v0-Update vom 4. Februar 2026 brachte Git-Integration, Projekte, einen Editor im Stil von VS Code und Vorschauen, die sich wie in Produktion verhalten (v0-Dokumentation).
Der Hintergrund: Die Codegenerierung von LLMs hat einen Stand erreicht, an dem sie eine funktionierende App mit Oberfläche liefert. Die Spitzenmodelle der Familien Claude, GPT und Gemini schreiben brauchbaren React-Code, und damit wurde „Text → App“ zu einem tragfähigen Produkt. v0 geht noch weiter und hat eigene Modelle – v0 Mini / Pro / Max –, deren Token-Preise auf der Preisseite stehen. Wie in KI empfiehlt Next.js beschrieben, ist v0 im Kern Next.js, direkt aus Text erzeugt – das Framework, das KI reflexhaft empfiehlt.
2. Drei Tools, drei Kerne: die Karte in 5 Minuten
Merken Sie sich jedes Tool mit einem Kern in drei Zeilen. Damit fügt sich der Rest des Vergleichs von selbst.
Jedes Tool in drei Zeilen
Merkhilfe: v0 = Designer, Bolt = Entwickler, Lovable = Gründer.
Alle machen „Text → App“, aber der Ausgang (wer später weiter daran arbeitet) unterscheidet sich.
Eine andere Sicht: v0 hängt direkt an einem Vercel-Projekt (Git, Umgebungsvariablen und Domains werden in v0 verwaltet), Bolt ist eine Entwicklungsumgebung im Browser (mit eigener Datenbank und eigenem Hosting), und Lovable ist produktorientiert (Datenbank + Authentifizierung + UI + Veröffentlichung aus einer Hand). Alle „erzeugen Web-Apps“, aber wie viel sie Ihnen abnehmen, ist verschieden.
3. Detailvergleich: Preise, Gratis-Kontingente, generierter Code und Figma
Hier nebeneinander, was wir am 30. September 2026 auf den drei Preisseiten (v0, Bolt, Lovable) und in der offiziellen Dokumentation (v0 docs, Bolt Help Center, Lovable Docs) geprüft haben. Preise in US-Dollar, ohne Steuern, bei monatlicher Abrechnung.
| Punkt | v0 (Vercel) | Bolt.new (StackBlitz) | Lovable |
|---|---|---|---|
| Gratis-Plan | Ja (5 $ Guthaben pro Monat, höchstens 7 Nachrichten pro Tag) | Ja (1 Mio. Token pro Monat, höchstens 300.000 pro Tag) | Ja (5 Build-Credits pro Tag, höchstens 30 pro Monat) |
| Bezahlpläne | Plus 30 $/Nutzer, Business 100 $/Nutzer (das alte Premium für 20 $ nimmt keine Neukunden mehr an) | Pro ab 25 $ (ab 10 Mio. Token pro Monat), Teams 30 $/Mitglied | Pro ab 25 $ (ab 100 Credits pro Monat), Business ab 50 $ |
| Generierter Code | Next.js, React, TypeScript, Tailwind CSS, shadcn/ui | Jedes Frontend-JS-Framework; Backend in Node.js (kein PHP, kein Python) | Neue Projekte nutzen TanStack Start (Standard seit 13. Mai 2026); ältere React + Vite |
| Datenbank | Neon, Supabase, Upstash oder Vercel Blob per Klick über den Vercel Marketplace | Bolt Database (alle Pläne, mit Authentifizierung); Supabase in Pro und Teams wählbar | Lovable Cloud (auf der Open-Source-Basis von Supabase, mit Authentifizierung); ein externes Supabase lässt sich ebenfalls anbinden |
| Veröffentlichung (Standard) | Vercel (Publish-Schaltfläche) | Bolt Hosting (kostenloses .bolt.host; eigene Domain ab Pro); Netlify ebenfalls möglich | Lovable Hosting (eigene Domain in Bezahlplänen) |
| Figma | Ja (Figma-Link einfügen; kein Plugin nötig) | Ja (Import from Figma auf der Startseite; Umwandlung über Anima) | Ja (Figma-Plugin, Figma MCP oder Upload einer .fig-Datei) |
| Code bearbeiten | Eingebauter Editor im Stil von VS Code (Update vom Februar 2026) | Direkt in der Code View (in Safari nur lesend) | Edit code in Bezahlplänen |
| Zielgruppe (unsere Einschätzung) | Frontend-Entwickler, Designer | JavaScript-Entwickler | Nicht-Entwickler, Gründer |
Drei Punkte fallen auf: ① Alle drei unterstützen Figma. Unterschiedlich ist der Weg: v0 nimmt einen Link, Bolt wandelt über Anima um, Lovable bietet Plugin, MCP oder .fig-Datei. ② Auch Lovable hat einen Gratis-Plan (5 Build-Credits pro Tag, höchstens 30 pro Monat), und die Git-Synchronisierung mit GitHub und Co. funktioniert darin. ③ Das Standard-Backend von Lovable ist Lovable Cloud, nicht Supabase selbst. Es läuft auf der Open-Source-Basis von Supabase, ein eigenes Supabase-Konto ist also nicht nötig.
Wie weit die Gratis-Kontingente reichen – jeweils in der eigenen Einheit
Die drei Gratis-Kontingente zählen in verschiedenen Einheiten. Deshalb pressen wir Dollar, Token und Credits nicht in eine einzige „Anzahl Versuche“, sondern nennen sie in der Einheit des jeweiligen Anbieters.
| Punkt | v0 | Bolt.new | Lovable |
|---|---|---|---|
| Einheit | 5 $ Guthaben pro Monat | Token (1 Mio. pro Monat) | Build-Credits (5 pro Tag) |
| Tageslimit | 7 Nachrichten pro Tag | 300.000 Token pro Tag | 5 Credits pro Tag (Zurücksetzung um 00:00 UTC, kein Übertrag) |
| Monatslimit | 5 $ Guthaben | 1 Mio. Token (Zurücksetzung am 1.) | 30 Credits (nach den ersten 6 Tagen des Monats aufgebraucht) |
| Verbrauch pro Anfrage | Token-Preis je Modell (z. B. v0 Pro: 2 $ Eingabe / 10 $ Ausgabe pro 1 Mio. Token) | Steigt mit der Projektgröße (das meiste entfällt auf die Synchronisierung Ihrer Dateien) | Je nach Aufgabe. Offizielle Beispiele: Button grau machen 0,50; Footer entfernen 0,90; Authentifizierung hinzufügen 1,20; Landingpage mit Bildern 1,70 |
| Weitere Gratis-Anteile | Veröffentlichung auf Vercel | Veröffentlichte Sites bis 333.000 Web-Anfragen (mit Bolt-Branding) | 20 Cloud-Credits und 4 KI-Credits pro Monat plus ein tägliches Chat-Kontingent |
| Wenn das Limit erreicht ist | Wechsel in einen Bezahlplan | Manuelle Änderungen in der Code View verbrauchen keine Token | Bis zum nächsten Tag warten (beim Monatslimit bis zum 1.) |
Zur Orientierung: Bei v0 greift zuerst das Limit von „7 Nachrichten pro Tag“, bei Bolt halten kleine Projekte länger, und bei Lovable entsprechen 5 Credits pro Tag nach den offiziellen Beispielen etwa 4 Anfragen „Authentifizierung hinzufügen“ oder 10 Anfragen „Button grau machen“ (einfache Rechnung; der tatsächliche Verbrauch hängt von der Aufgabe ab).
4. Das richtige Tool für Ihren Anwendungsfall
Legen Sie Stärken und Schwächen der Tools auf Ihre Situation, und die Empfehlung wird schnell enger.
Empfohlenes Tool je Anwendungsfall
Gemeinsame Falle: Die Lücke zwischen „laufender Demo“ und „Produktionsbetrieb“ bleibt bei allen dreien.
Der realistische Weg in die Produktion: mit GitHub synchronisieren → in Cursor/Claude Code refaktorieren.
5. Was die offizielle Dokumentation über die Unterschiede verrät
Dieser Abschnitt ist kein Ergebnis eines Praxistests der drei Tools im Vergleich. Er stellt zusammen, wie jedes Tool laut offizieller Dokumentation und Preisseite (abgerufen am 30. September 2026) funktioniert. Qualität und Tempo der erzeugten Oberfläche schwanken mit Prompt, Modell und Auslastung des Dienstes, deshalb vergeben wir hier keine Noten.
| Aspekt | v0 | Bolt.new | Lovable |
|---|---|---|---|
| Wo die Vorschau läuft | Vercel Sandbox (eine isolierte, leichtgewichtige VM); API-Routen und Datenbankverbindungen verhalten sich wie in Produktion | Im Browser bei Chromium; gehostete Vorschau bei Safari | Live-Vorschau im Editor; Test in Smartphone-, Tablet- und Desktop-Breite, Teilen per Vorschau-Link |
| Wie gezählt wird | Guthaben in Dollar, verbraucht zum Token-Preis des jeweiligen Modells (v0 Mini / Pro / Max / Max Fast) | Token; ungenutzte bezahlte Token werden einen Monat übertragen | Credits; der Plan-Modus kostet 1 Credit pro Nachricht, der Standardmodus schwankt je nach Aufgabe |
| Verhältnis zu GitHub | Optional. Nach dem Verbinden legt v0 einen Arbeitsbranch an und committet jede Änderung automatisch; direkt auf main pusht es nie | Repository verbinden für automatische Sicherung und Commit-Synchronisierung; Arbeit pro Branch | Zwei-Wege-Synchronisierung mit GitHub, GitLab oder Bitbucket (alle Pläne); angelegte Repositories sind standardmäßig privat |
| Vorhandenen Code importieren | Aus einem GitHub-Repository, einem Vercel-Projekt oder einer ZIP-Datei | Aus einem vorhandenen GitHub-Projekt | Nicht möglich (nur Export von Lovable zu GitHub; Import vorhandener Repositories wird nicht unterstützt) |
| Mobile Apps | In der Dokumentation nicht gefunden | Über Expo („mobile app“ in den ersten Prompt schreiben) | Keine nativen Apps (Veröffentlichung immer unter einer Web-URL; als PWA oder mit Capacitor verpacken) |
Was sich daraus ablesen lässt: v0 tendiert zu „einem Werkzeug, das ein Vercel-Projekt per Gespräch steuert“ – Vorschau und Veröffentlichung laufen auf Vercels Plattform. Bolt ist „eine Entwicklungsumgebung in Ihrem Browser“, mit viel Raum für Handarbeit, die keine Token kostet. Lovable ist „ein Produkt mit eingebautem Backend“, darauf ausgelegt, Datenbank, Authentifizierung und Hosting in Lovable zu halten. Am schnellsten finden Sie das passende Tool, indem Sie allen dreien in ihren Gratis-Kontingenten dieselbe Aufgabe geben.
6. Die Lücke zwischen Demo und Produktion: 3 Fallen und was Sie mitnehmen können
Die größte Falle bei KI-generierten Apps: „Die Demo läuft, aber ausliefern kann man sie nicht.“ Hier drei Fallen, die alle drei Tools gemeinsam haben.
Drei Fallen auf dem Weg in die Produktion
Abhilfe: früh mit GitHub synchronisieren und große Änderungen in Cursor/Claude Code erledigen.
Abhilfe: menschliches Review vor dem Livegang oder ein Audit mit einem Spitzenmodell von Claude oder Ähnlichem.
Abhilfe: in der Tabelle unten prüfen, was nicht mitkommt.
Die gemeinsame Antwort: „mit KI bauen → mit GitHub synchronisieren → mit Menschen/KI-Agenten verfeinern → deployen“ – ein zweistufiger Ablauf hält das Risiko am geringsten.
Was Sie beim Wechsel mitnehmen können
„Kann ich später woanders hin?“ – das lohnt sich vor dem Start am meisten zu prüfen. Hier steht, was die offizielle Dokumentation der drei Anbieter dazu sagt.
| Was Sie mitnehmen | v0 | Bolt.new | Lovable |
|---|---|---|---|
| Code | GitHub-Integration (optional). Laut offizieller FAQ lässt sich der Code exportieren und anderswo deployen | Verbindung und Synchronisierung mit GitHub; außerdem gibt es einen Download des Projekts | Git-Synchronisierung in allen Plänen; „Download codebase“ als ZIP in Bezahlplänen |
| Datenbank | Die Datenbank gehört dem angebundenen Anbieter (Neon, Supabase usw.) | Bolt Database lässt sich per „Claim“ zu Supabase übertragen (Pro und Teams). Den umgekehrten Weg (Supabase → Bolt Database) gibt es nicht | „Export project data“ exportiert Struktur + Daten (einschließlich Nutzern und Passwort-Hashes; bis 15 GB, 5 GB pro Datei, einmal alle 24 Stunden). Dateien aus dem Speicher, Edge-Function-Code und Secrets sind nicht enthalten |
| Hosting | Standardmäßig Vercel. Der volle Funktionsumfang (Umgebungsvariablen, Vorschauen, Deployments) setzt ein verbundenes Vercel-Projekt voraus | Standardmäßig bolt.host. Netlify ist möglich, aber ein bereits auf Bolt Hosting veröffentlichtes Projekt lässt sich nicht umstellen (Kopie anlegen) | TanStack-Start-Projekte brauchen einen Host, der Servercode ausführt; ältere Vite-Projekte laufen auf statischem Hosting |
| Ziel für das Backend | — (von Anfang an externe Anbieter) | Supabase | Offiziell unterstützt: verwaltetes oder selbst gehostetes Supabase. Bei reinem PostgreSQL und anderen müssen Sie die Entsprechungen selbst nachbauen |
Persönliche Meinung: „Den ersten Entwurf aus v0/Bolt/Lovable unverändert in Produktion zu bringen, ist riskant.“ Der echte Wert der drei liegt darin, „eine Idee so schnell wie möglich greifbar zu machen“ und „die Richtung in kurzer Zeit zu prüfen“. Für die Produktion ist der realistische Weg ein Refactoring in Cursor / Claude Code / von Hand. Im Ampelmodell aus Kann KI Infrastruktur?: „Idee prüfen = grün“, „Produktionsbetrieb = gelb bis rot“.
7. Das Entscheidungsdiagramm für 2026
Ein Ablauf, mit dem Sie in fünf Minuten entscheiden, welches Tool es wird.
In fünf Minuten entscheiden
Ja → weiter
Nein (nur Frontend) → v0
Nein → alle kommen infrage
Nein → weiter
Nein → bezahlt geht es bei allen dreien ab 25–30 $ im Monat los
Nein (nur Prototyp) → jedes Tool reicht
Im Zweifel: klein mit v0 anfangen → bei Bedarf zu Bolt/Lovable wechseln.
Die realistische Antwort für Einzelentwickler: „alle ausprobieren“ – im Rahmen der Gratis-Kontingente lassen sich alle drei vergleichen.
Zusammenfassung
v0, Bolt und Lovable sind keine „Konkurrenten derselben Kategorie“, sondern „drei Produkte mit unterschiedlichen Ausgängen“. v0 = Next.js + Vercel, eher für Designer; Bolt = jeder JavaScript-Stack, für Entwickler; Lovable = MVPs für Nicht-Entwickler mit eingebautem Backend (Lovable Cloud). Preislich liegen sie nah beieinander – alle haben einen Gratis-Plan und Bezahlpläne ab 25–30 $ im Monat –, die echten Unterschiede liegen also in den Einheiten der Gratis-Kontingente (Nachrichten, Token, Credits) und darin, was Sie mitnehmen können.
Die Wahl hängt von Ihrem Anwendungsfall ab: ① Nicht programmieren? → Lovable; ② Datenbank nötig? → Lovable/Bolt; ③ Vue/Svelte? → nur Bolt; ④ Figma-Design? → jedes der drei (nach Importweg wählen); ⑤ Kostenlos testen? → jedes der drei (unterschiedliche Einheiten). Ist Produktion das Ziel, ist der zweistufige Ablauf „früh mit GitHub synchronisieren → in Cursor/Claude Code refaktorieren“ realistisch. Alle drei liefern gut eine laufende Demo, aber für Produktionsqualität braucht es weiterhin einen Menschen oder einen spezialisierten Agenten.
Weiterführend: KI empfiehlt Vercel, Vercel AI SDK, Cursor AI-Editor, KI empfiehlt Next.js und Kann KI Infrastruktur?
FAQ
F. Ich bin kompletter Anfänger – was sollte ich zuerst ausprobieren?
A. Lovable. Alles läuft per Chat, und Lovable Cloud kümmert sich um Datenbank und Authentifizierung. Schon der Gratis-Plan bietet 5 Build-Credits pro Tag (höchstens 30 pro Monat). Wenn Sie ein wenig programmieren können (oder wollen), starten Sie mit v0 (der Gratis-Plan enthält 5 $ Guthaben pro Monat und höchstens 7 Nachrichten pro Tag).
F. Kann ich die Ausgabe von v0/Bolt/Lovable direkt in Produktion bringen?
A. „Es läuft“ und „produktionsreif“ sind zwei verschiedene Dinge. Für Prototypen und MVPs ist eine direkte Veröffentlichung in Ordnung. Für kommerzielle Produktion brauchen Sie ein Sicherheitsaudit, Performance-Optimierung und Tests. Mit GitHub synchronisieren und in Cursor/Claude Code verfeinern ist der solide Weg.
F. Wie teile ich die Arbeit zwischen diesen Tools und Cursor/Claude Code auf?
A. v0/Bolt/Lovable = „von null erzeugen“, Cursor/Claude Code = „bestehenden Code bearbeiten“. Erstere bringen Sie am schnellsten von „Idee → laufende App“, Letztere verlässlich von „laufende App → Produktionsqualität“. Auch die offizielle v0-FAQ rät, mit Nutzern von Cursor oder Claude Code über dasselbe GitHub-Repository zusammenzuarbeiten. Siehe Cursor erklärt.
F. Mich beunruhigt, dass ich die monatlichen Kosten nicht absehen kann.
A. Alle drei rechnen nach Verbrauch ab (v0 = Dollar-Guthaben, Bolt = Token, Lovable = Credits), komplexe Apps verbrauchen also mehr. Lovable nennt auf der Preisseite Beispiele wie „Authentifizierung hinzufügen: 1,20 Credits“, und die Kosten jeder Nachricht sind im Verlauf zu sehen. „PoC im Gratis-Kontingent, bezahlen erst, wenn es ernst wird“ ist der sichere Weg.
F. Was passiert, wenn das Gratis-Kontingent aufgebraucht ist?
A. Bei Lovable kommen die 5 Tages-Credits jeden Tag um 00:00 UTC zurück (sind 30 im Monat erreicht, pausieren sie bis zum 1.). Bei Bolt verbrauchen manuelle Änderungen in der Code View auch nach dem Tageslimit (300.000 Token) keine Token. Der Gratis-Plan von v0 endet bei 7 Nachrichten pro Tag; wer mehr will, wechselt in einen Credit-basierten Bezahlplan.
