Lovable

Dieser Lovable-Testbericht behandelt die Einsatzbereiche von Lovable, die Funktionsweise von Lovable, die wichtigsten Funktionen, die Preise und Credits von Lovable, die Eigentumsverhältnisse am Code, die Stärken und Schwächen des Tools sowie die Alternativen zu Lovable, die einen Blick wert sind. Man beschreibt eine Idee in einfacher Sprache, und Lovable generiert eine funktionierende Web-App: ein React-Frontend, das mit Tailwind CSS gestaltet ist, eine Datenbank, eine Benutzeranmeldung und Hosting. Anschließend verfeinert man die App per Chat, durch visuelle Bearbeitung des Layouts oder durch eigenes Programmieren. Lovable wurde 2023 in Stockholm von Anton Osika, dem CEO, und Fabian Hedin gegründet und ist aus dem Open-Source-Projekt „GPT Engineer“ hervorgegangen.

Wofür wird Lovable verwendet?

Lovable wird verwendet, um Webanwendungen und Websites zu erstellen, ohne Code von Grund auf neu schreiben zu müssen. Typische Projekte sind MVPs und SaaS-Produkte, interne Tools und Dashboards, Kundenportale, Landingpages mit Anmeldeprozess sowie Prototypen, die auf echten Daten basieren müssen. Gründer nutzen es, um eine Idee innerhalb weniger Tage mit echten Nutzern zu testen. Produktmanager und Designer nutzen es, um ein Konzept in einen anklickbaren, funktionierenden Prototyp zu verwandeln. Entwickler nutzen es, um die erste Version einer App zu erstellen und diese anschließend in ihrer eigenen Entwicklungsumgebung weiterzuentwickeln. Kleine Teams nutzen es zudem, um Tools zu erstellen, die Leads, Bestellungen oder Supportanfragen nachverfolgen.

Lovable senkt den Bedarf an technischem Wissen, macht es jedoch nicht überflüssig. Eine einfache App mit einer Datenbank, Authentifizierung und einigen wenigen Bildschirmen ist für Nicht-Entwickler realistisch umsetzbar. Komplexe Logik, Zahlungsabwicklung, Berechtigungen und Integrationen erfordern nach wie vor Zeit zum Testen und Beheben von Fehlern, weshalb viele Teams vor dem Launch einen Entwickler hinzuziehen.

So funktioniert Lovable

1. Beschreiben Sie die App in einer Eingabeaufforderung: Wer nutzt sie, welche Daten speichert sie, welche Bildschirme benötigt sie?
2. Lovable generiert den Code, die Datenbanktabellen und die Seiten und zeigt eine Live-Vorschau an.
3. Verfeinern Sie das Ergebnis im Chat oder nutzen Sie den Plan-Modus, um sich auf einen Ansatz zu einigen, bevor Codeänderungen vorgenommen werden.
4. Bearbeiten Sie Text, Farben und Layout direkt mit dem visuellen Editor.
5. Verbinden Sie GitHub, um den Code zu synchronisieren, oder schließen Sie die Bereitstellung auf einer lovable.app-Subdomain oder Ihrer eigenen Domain mit einem Klick ab.

Wichtigste Funktionen

• Prompt-basierte Codegenerierung: Lovable generiert echten Code, kein festgelegtes visuelles Modell. Der Stack besteht aus React, TypeScript, Vite und Tailwind CSS.
• Lovable Cloud-Backend: ein integriertes, standardmäßig aktiviertes Backend mit einer Postgres-Datenbank, Authentifizierung, Dateispeicher und Edge-Funktionen, das auf der Open-Source-Basis von Supabase aufbaut. Sie können auch ein eigenes Supabase-Projekt verbinden (Lovable-Dokumentation).
• Bidirektionale GitHub-Synchronisierung: Änderungen in Lovable werden in Ihrem Repository angezeigt, und Änderungen in GitHub werden zurückgesynchronisiert, sodass Entwickler in ihrer eigenen IDE arbeiten können.
• Visuelle Bearbeitung: Ändere Text, Abstände und Stile auf der Seite ohne Eingabeaufforderung, was Credits spart.
• Planungsmodus und Chat: Besprechen Sie den nächsten Schritt und lassen Sie sich von Lovable einen Plan vorschlagen, bevor die App erstellt wird.
• KI-Funktionen in Ihrer App: Erstellen Sie Chatbots, Zusammenfassungen und andere KI-Funktionen in den Apps, die Sie über das KI-Gateway von Lovable entwickeln; die Abrechnung erfolgt pro Modell und Token.
• Zusammenarbeit: Arbeitsbereiche unterstützen in jedem Tarif eine unbegrenzte Anzahl von Nutzern, mit Team-Berechtigungen und Zugriffskontrolle im Business-Tarif.
• Integrationen: Stripe und andere Dienste über Eingabeaufforderungen sowie jede API, die Ihre App aufrufen kann – so können Sie Apps mit Zahlungsfunktionen und automatisierten Workflows erstellen.

Preise bei Lovable: kostenloser Tarif, kostenpflichtige Tarife und Credits

Lovable berechnet die Preise nach Credits, nicht nach Nutzerlizenzen. Die folgenden Tarifdetails stammen von der Preisseite und der Credits-Dokumentation von Lovable (Stand: September 2026).

• Kostenloser Tarif: 0,5 Build-Credits pro Tag, begrenzt auf 30 pro Monat, plus eine monatliche Zuteilung von 20 Cloud-Credits und 4 KI-Credits.
• Pro: 25 $ pro Monat oder 21 $ pro Monat bei jährlicher Abrechnung, mit 100 monatlichen Credits zusätzlich zu den 5 täglichen Build-Credits.
• Business: 50 $ pro Monat oder 42 $ bei jährlicher Abrechnung, mit denselben Credits sowie Single Sign-On, einer Opt-out-Möglichkeit für das Datentraining und Team-Berechtigungen.
• Enterprise: individuelle Preisgestaltung.

Die monatlichen Guthabenbeträge und Tarifpreise stammen von der Preisseite von Lovable, wie von No Code MBA und eesel AI zusammengefasst, da die Seite ihre Tarifübersicht in einem Skript darstellt. Zusätzliche Credits kosten im Pro-Tarif jeweils 0,30 $ und im Business-Tarif 0,60 $; sie werden in Aufladungen von 15 bis 150 $ verkauft, die 12 Monate lang gültig sind. Die Credits des Monatstarifs werden übertragen und verfallen zwei Monate nach ihrer Ausgabe.

Der Guthabenverbrauch hängt von der jeweiligen Aufgabe ab. Im „Build“-Modus kostet eine kleine Bearbeitung etwa 0,5 Guthabenpunkte, das Hinzufügen einer Authentifizierung etwa 1,2 und eine größere Änderung mit Bildern etwa 2. Eine Nachricht im „Plan“-Modus kostet 1 Guthabenpunkt. Auch bereitgestellte Apps greifen für Cloud-Hosting und KI-Aufrufe auf dasselbe Guthaben zurück, obwohl Lovable angibt, dass das Hosting einer kleinen oder neuen App in der Regel nichts kostet.

Ein wichtiger Kostenaspekt, den es zu beachten gilt: Wenn das Guthaben auf null sinkt, wird der Build-Vorgang gestoppt, KI-Funktionen in Ihrer bereitgestellten App funktionieren nicht mehr und das Backend wird angehalten, bis Sie das Guthaben aufladen. Planen Sie das Budget für die App, die Sie betreiben, und nicht nur für die App, die Sie entwickeln.

So verbrauchen Sie weniger Lovable-Credits

Der Credit-Verbrauch ist der wichtigste Kostenfaktor, daher ist es wichtiger, wie Sie arbeiten, als welchen der kostenpflichtigen Tarife Sie wählen. Diese Gewohnheiten halten den Verbrauch niedrig:

• Planen Sie zuerst. Eine Nachricht im „One Plan“-Modus kostet 1 Credit und vermeidet mehrere fehlgeschlagene Build-Versuche.
• Schreiben Sie spezifische Eingabeaufforderungen. Beschreiben Sie pro Eingabeaufforderung einen Bildschirm, eine Tabelle oder einen Workflow, anstatt die gesamte App auf einmal.
• Verwenden Sie den visuellen Editor für Text-, Farb- und Layoutänderungen; dafür ist kein KI-Befehl erforderlich.
• Beheben Sie Fehler im Kontext. Fügen Sie den Fehler ein und geben Sie an, auf welcher Seite er auftritt, damit Lovable keinen funktionierenden Code umschreibt.
• Nutzen Sie die kostenlosen täglichen Credits für kleine Aufgaben, bevor Sie auf Ihr monatliches Guthaben zurückgreifen.
• Verlagern Sie umfangreiche Bearbeitungen über GitHub in Ihre eigene Entwicklungsumgebung, wenn die App wächst, und behalten Sie die Bereitstellung und das Hosting bei Lovable bei, wenn Ihnen das zusagt.

Studierende erhalten mit einer gültigen studentischen E-Mail-Adresse einen Rabatt.

Code-Eigentumsrechte und Plattformabhängigkeit

Gemäß den FAQ zu den Preisen gehören der Code und die Projekte, die Sie mit Lovable erstellen, Ihnen. Da die GitHub-Synchronisierung in beide Richtungen erfolgt, können Sie die gesamte Codebasis exportieren, sie an beliebiger Stelle bearbeiten und selbst hosten, sodass die Plattformabhängigkeit geringer ist als bei visuellen No-Code-Tools. Einige Funktionen, wie Authentifizierungs-E-Mails von Ihrer eigenen Domain und integrierte Zahlungsfunktionen, funktionieren am besten auf der Lovable Cloud. Ein Wechsel weg von Lovable kann daher bedeuten, dass Sie diese Teile auf Ihrem eigenen Backend neu erstellen müssen.

Kann Lovable mobile Apps erstellen?

Lovable erstellt Web-Apps und Websites, die auch auf Smartphones funktionieren, darunter Progressive Web Apps. Es generiert keine nativen iOS- oder Android-Apps. Für im App-Store verkaufsfertige mobile Apps ist ein „Mobile-First“-Builder die bessere Wahl.

Lovable im Vergleich zu Bolt und Replit

Bolt und Replit sind die Tools, die am häufigsten mit Lovable verglichen werden. Bolt wandelt ebenfalls Eingabeaufforderungen im Browser in Web-Apps um, berechnet die Preise nach Tokens und überlässt einen Großteil der Backend-Einrichtung Ihnen. Replit ist eine vollständige Cloud-Entwicklungsumgebung mit vielen Programmiersprachen, einem eigenen KI-Agenten und integrierter Bereitstellung, die sich für Entwickler eignet, die mehr Kontrolle über den Code und die Infrastruktur wünschen. Lovable ist von den dreien am stärksten angeleitet: Es erstellt das Frontend, die Backend-Infrastruktur und die Benutzeranmeldung in einem einzigen Arbeitsablauf, was es auch für Nicht-Entwickler zugänglich macht, die zum ersten Mal Apps erstellen.

Wo Lovable glänzt – und wo es Schwächen zeigt

Stärken:

• Sehr schneller Weg von der Idee zur funktionierenden Web-App mit Datenbank und Benutzeranmeldung.
• Echter, lesbarer Code mit GitHub-Synchronisierung und Code-Eigentumsrechten.
• Keine Gebühren pro Nutzer; unbegrenzte Mitgliederzahl in einem Workspace.
• Ein vollständig integriertes Backend mit Zugriffskontrolle und der Option, eine eigene Supabase-Instanz einzubinden.

Nachteile:

• Der Verbrauch von Credits ist schwer vorherzusagen; komplexe Eingabeaufforderungen und die Behebung von Schleifen verbrauchen sie schnell, eine Beschwerde, die in der Lovable-Community häufig auftaucht.
• Komplexe Logik, Berechtigungen und Sicherheit müssen weiterhin von jemandem getestet werden, der Code lesen kann.
• Nur React und TypeScript; keine native mobile Ausgabe.
• Eine bereitgestellte App wird angehalten, wenn die Credits aufgebraucht sind.

Wie Lovable im Vergleich abschneidet

• Bubble: eine visuelle No-Code-Plattform mit eigener Datenbank und nativen mobilen Builds; mehr Kontrolle, kein Code-Export.
• FlutterFlow: Ein visueller Builder für native Mobil- und Web-Apps mit Flutter-Code-Export.
• Softr: Kundenportale und interne Tools auf Basis von Airtable, Google Sheets oder Datenbanken.
• Glide und Adalo: Einfachere App-Builder für interne und mobile Apps.
• Webflow und Framer: Visuelle Website-Builder, wenn Sie eher eine Marketing-Website als eine App benötigen.
• Supabase: das von Lovable verwendete Postgres-Backend; wähle es direkt aus, wenn ein Entwickler das Frontend erstellt.
• Builder.io: Visuelle Bearbeitung und KI-gestütztes „Design-to-Code“ auf Basis Ihrer eigenen Codebasis.

v0 und Base44 sind weitere KI-App-Baukästen, die einen Test wert sind, und beide werden in den Vergleichsleitfäden von Lovable behandelt.

Lohnt sich Lovable?

Lovable lohnt sich für Gründer, Designer und kleine Teams, die schnell eine funktionierende Web-App oder einen SaaS-Prototyp benötigen und Wert darauf legen, Eigentümer des Codes zu sein. Der kostenlose Tarif reicht aus, um die Idee zu testen, und der Pro-Tarif deckt die meisten Projekte in der Anfangsphase ab. Weniger geeignet ist Lovable für native mobile Apps, für komplexe Produkte mit strengen Compliance-Anforderungen oder für Teams, die bei Skalierung vorhersehbare Kosten benötigen. In diesen Fällen ist möglicherweise ein Entwickler oder eine visuelle Plattform mit festen Preisen die bessere Wahl. Wenn Sie Hilfe benötigen, um einen Lovable-Prototyp in die Produktion zu überführen, dessen Sicherheit zu überprüfen oder den Code auf Ihre eigene Infrastruktur zu migrieren, können Ihnen die Low-Code-Agenturen und Entwickler auf LowCodeDevs helfen.

Quellen

• Lovable-Preise: Tarife, Code-Eigentumsrechte, Lizenzen und der Studentenrabatt.
• Lovable-Dokumentation: Credits und Nutzung: Credit-Kosten, Aufladungen, Übertrag auf den nächsten Monat und was bei einem Stand von null passiert.
• Lovable-Dokumentation: Supabase-Integration: Lovable Cloud und „Bring Your Own Supabase“.
• Lovable (Unternehmen), Wikipedia: Gründer, Gründungsjahr und GPT-Ingenieur.
• Lovable-Preise, No Code MBA: Tarife und monatliche Credits.
• Lovable-KI-Testbericht, Start Designs: Praxistest und Einschränkungen.
• Kostenlose Lovable-Alternative, Dyad: Kritik wegen Bindung an den Anbieter (verfasst von einem Mitbewerber; dessen Behauptung, man habe keine Wahl beim Hosting-Anbieter, steht im Widerspruch zu Lovables bidirektionaler GitHub-Synchronisierung und dem Selbsthosting).
• Lovable-Alternativen, Zite und WeWeb vs. Lovable: Alternativen (verfasst von Wettbewerbern).