Unsere Einschätzung: GrapesJS eignet sich für Entwickler, die ein kostenloses Open-Source-Framework zum Einbetten eines Drag-and-drop-Editors suchen, während Grapes Studio Nicht-Entwicklern einen KI-Builder bietet, der mit einem kostenlosen Tarif startet.
Wichtigste Einschränkung: Der kostenlose Starter-Tarif erlaubt nur 100 KI-Credits pro Monat und 0.1 GB Cloud-Speicher, und das eingebettete SDK mit White-Label erfordert einen Enterprise-Tarif mit individuellem Preis.
Von den Redakteuren des AI Tool Atlas.
Auf Basis der offiziellen Dokumentation des Anbieters; wir haben dieses Produkt nicht selbst getestet. Was „dokumentierte Übersicht“ bedeutet
Für wen GrapesJS (Grapes Studio) passt
GrapesJS eignet sich für Entwickler, die ein kostenloses Open-Source-Framework zum Einbetten eines Drag-and-drop-Editors suchen, während Grapes Studio Nicht-Entwicklern einen KI-Builder bietet, der mit einem kostenlosen Tarif startet. Auf Basis der Dokumentation des Anbieters, nicht in einem praktischen Test.
Am besten für: Entwickler, die Editoren bauen
Auch gut geeignet für
Teams, die Page-Builder einbetten
Ersteller von E-Mails und Landingpages
Ein anderes Tool in Betracht ziehen, wenn kostenloser Tarif auf 100 KI-Credits pro Monat und 0.1 GB Cloud-Speicher begrenzt
Oder wenn
Eingebettetes SDK und White-Label erfordern den Enterprise-Tarif mit individuellem Preis
Eigene Domains und das Entfernen des Brandings erfordern einen kostenpflichtigen Tarif
GrapesJS (Grapes Studio) Preise und Nutzungslimits
Preise am Oct 2, 2026 auf der offiziellen US-Preisseite geprüft. Offizielle Preise ↗ Preise und Limits ändern sich häufig.
Die offizielle GrapesJS (Grapes Studio)-Preisseite, wie wir sie gesehen haben. grapesjs.com, erfasst Oct 2, 2026
Kostenloser Zugang und Testbedingungen
Starter ist kostenlos, ohne Kreditkarte. Das Open-Source-Framework GrapesJS ist kostenlos und quelloffen.
Kostenpflichtige Tarife: was sich beim Upgrade ändert
Die Pro-Seite führt neben den 500 monatlichen Credits eine Aktion mit zusätzlichen 1800 KI-Credits auf; die Bedingungen werden nicht erläutert.
Was ist GrapesJS (Grapes Studio) und wie funktioniert es?
GrapesJS ist ein Open-Source-Framework zum Bau visueller Web- und E-Mail-Editoren. Grapes Studio ergänzt einen gehosteten KI-Drag-and-drop-Builder und ein einbettbares Studio-SDK.
Die Ausgabe ist JSON mit integriertem HTML/CSS/JS-Export, und der Editor lässt sich mit eigenen Komponenten und Plugins erweitern.
Offizielle Website von GrapesJS (Grapes Studio): So stellt sich das Produkt selbst dar. grapesjs.com, erfasst Oct 2, 2026
Was Sie liefern und was Sie erhalten
Was Sie GrapesJS (Grapes Studio) geben und was zurückkommt, laut Dokumentation
Sie liefern
Textprompts für die KI-Generierung
Bearbeitung von Komponenten per Drag-and-drop
Bestehende Website als Ausgangspunkt
Eigene Komponenten und Plugins
Sie erhalten zurück
HTML/CSS/JS-Export
JSON-Projektdaten
Newsletter und Landingpages
Einbettbarer Editor
Wo Sie es nutzen können
Plattformen
Web, API
Konto
Erforderlich
Ausgabe
JSON, HTML/CSS/JS-Export
Erstellbare Formate
Newsletter, Landingpages, Websites, Dokumente
Kostenloser Tarif
100 KI-Credits pro Monat, 0.1 GB
Vorlagen
Webseite, Newsletter, MJML
Open Source
Kern-Framework
Die besten Einsatzzwecke für GrapesJS (Grapes Studio)
Die Szenarien erarbeiten unsere Redakteure anhand der Dokumentation; das tatsächliche Ergebnis hängt von Ihrer Eingabe und Ihrem Tarif ab.
Newsletter erstellen
Wer
Marketer und kleine Unternehmen
Sie liefern
Ein Prompt oder eine Vorlage in Grapes Studio
Erwartetes Ergebnis
Ein per Drag-and-drop erstellter Newsletter, exportiert als HTML/CSS
Eine bearbeitbare Landingpage auf einer eigenen Domain
Benötigter Tarif
Pro
Einschränkung
Eigene Domains und das Entfernen des Brandings erfordern einen kostenpflichtigen Tarif Quelle (öffnet in neuem Tab)
Einen visuellen Editor in eine App einbetten
Wer
Entwickler und SaaS-Teams
Sie liefern
Das Studio-SDK oder das npm-Paket von GrapesJS
Erwartetes Ergebnis
Ein in die eigene App eingebetteter visueller Editor
Benötigter Tarif
Enterprise für das SDK
Einschränkung
Erfordert Entwicklungskenntnisse; das eingebettete SDK ist laut Preisseite eine Enterprise-Funktion Quelle (öffnet in neuem Tab)
Was GrapesJS (Grapes Studio) leistet und wo die Grenzen liegen
Funktionsüberblick auf der offiziellen Website. grapesjs.com, erfasst Oct 2, 2026
Drag-and-drop-Editor
Nutzer bauen Seiten und E-Mails, indem sie Komponenten auf eine Arbeitsfläche ziehen, mit unbegrenzten Bearbeitungen im kostenlosen Tarif. Das manuelle Programmieren von Vorlagen entfällt.
Bietet Werkzeuge für responsives Styling, einen integrierten Assets-Manager sowie Seiten- und Ebenenverwaltung im Editor. Erstellt Inhalte, die auf jedem Gerät funktionieren.
Zugriff: Framework und StudioLimit: Das Einbetten der Oberfläche erfordert Entwicklungsarbeit.Quelle (öffnet in neuem Tab)
Assets-, Seiten- und Ebenenverwaltung
Gibt JSON aus und exportiert mit integriertem Export nach HTML, CSS und JS. Überführt Inhalte in jedes Code-Projekt.
Zugriff: Alle TarifeLimit: Die erzeugte Ausgabe muss vor dem Produktiveinsatz eventuell geprüft werden.Quelle (öffnet in neuem Tab)
Eigene Komponenten und Plugins
Akzeptiert eigene Komponenten und Plugins und erlaubt es, die Oberfläche an Produktanforderungen anzupassen. Passt den Editor an Ihr eigenes Produkt an.
Zugriff: Open-Source-FrameworkLimit: Die Plugin-Entwicklung erfordert JavaScript-Kenntnisse.Quelle (öffnet in neuem Tab)
GrapesJS (Grapes Studio): Stärken und Grenzen
Gründe für die Wahl von GrapesJS (Grapes Studio)
Open-Source-Kern-Framework Sie können es ohne Lizenzkosten übernehmen und anpassen.dokumentiertQuelle (öffnet in neuem Tab)
Kostenloser Starter-Tarif ohne Kreditkarte Für Prototypen sind keine Zahlungsdaten nötig.dokumentiertQuelle (öffnet in neuem Tab)
Daten wahlweise in der Cloud oder selbst gehostet Sie können eine Anbieterbindung bei gespeicherten Daten vermeiden.dokumentiertQuelle (öffnet in neuem Tab)
HTML/CSS-Export im kostenlosen Tarif enthalten Inhalte lassen sich leicht in andere Tools oder Hosts übernehmen.dokumentiertQuelle (öffnet in neuem Tab)
Vor dem Bezahlen bei GrapesJS (Grapes Studio) prüfen
Kostenloser Tarif auf 100 KI-Credits pro Monat und 0.1 GB Cloud-Speicher begrenzt Intensive KI-Nutzung führt Sie in einen kostenpflichtigen Tarif.dokumentiertQuelle (öffnet in neuem Tab)
Eingebettetes SDK und White-Label erfordern den Enterprise-Tarif mit individuellem Preis Produktteams müssen vor dem Einbetten des SDK den Vertrieb kontaktieren.dokumentiertQuelle (öffnet in neuem Tab)
Eigene Domains und das Entfernen des Brandings erfordern einen kostenpflichtigen Tarif Ohne Bezahlung bleiben Websites beim Branding des Anbieters.dokumentiertQuelle (öffnet in neuem Tab)
Die Nutzung des Frameworks erfordert Entwicklungskenntnisse Nicht-Entwickler sollten statt des reinen Frameworks Grapes Studio verwenden.dokumentiertQuelle (öffnet in neuem Tab)
So nutzen Sie GrapesJS (Grapes Studio) für einen Newsletter oder eine Landingpage erstellen
GrapesJS (Grapes Studio) Dokumentation: Quellen der folgenden Schritte. grapesjs.com, erfasst Oct 2, 2026
GrapesJS (Grapes Studio) einrichten
Öffnen Sie grapesjs.com und wählen Sie für Grapes Studio Get Started for Free.
Erstellen Sie ein Konto im Starter-Tarif.
Wählen Sie einen Newsletter- oder Website-Builder.
Beispiel: einen Newsletter oder eine Landingpage erstellen
Beschreiben Sie dem KI-Builder die Seite oder wählen Sie eine Vorlage.
Ziehen, bearbeiten und ordnen Sie Komponenten im Editor neu an.
Prüfen Sie das Layout in den responsiven Vorschauen.
Exportieren Sie das Ergebnis als HTML/CSS.
Ergebnis prüfen und exportieren
Sehen Sie sich die Seite in Desktop- und Mobilbreite in der Vorschau an.
Öffnen Sie das exportierte HTML/CSS und bestätigen Sie, dass es wie erwartet dargestellt wird.
Von unserer Redaktion vorgeschlagener Beispiel-Prompt (keine aufgezeichnete Ausgabe des Produkts)
Create a one-page landing page for a bakery with a hero image, menu section and contact form.
GrapesJS (Grapes Studio) Integrationen und API
GrapesJS (Grapes Studio) Dokumentation (Fortsetzung). grapesjs.com, erfasst Oct 2, 2026
Native Integrationen und Exportformate
Export: HTML, CSS, JS, JSON
API-Zugang und separate Abrechnung
GrapesJS (Grapes Studio) hat laut offizieller Dokumentation keine öffentliche API. Dokumentierte Module sind unter anderem Komponenten, Storage-Manager und Plugins; das Änderungsprotokoll steht in den GitHub Releases. API-Dokumentation ↗
Datenschutz, Datennutzung und kommerzielle Rechte
Zusammengefasst aus den aktuellen Richtlinien des Anbieters; dies ist keine Rechtsberatung, und das Badge eines Anbieters ersetzt kein unabhängiges Audit.
Wie Ihre Eingaben und Ausgaben verarbeitet werden
Das Daten-Hosting ist flexibel: Cloud- oder Self-Hosted-Optionen werden auf der Startseite genannt.
Kommerzielle Nutzung und Tarifbeschränkungen
White-Label und eingebettetes SDK gibt es nur bei Enterprise.
Steuerungsmöglichkeiten für Geschäftskunden
Option für selbst gehostete Daten
Andere Tools statt GrapesJS (Grapes Studio)
„Besser geeignet“ beruht auf dokumentierten Funktionen und Preisen, nicht auf einem direkten Test.
Lovable: besser geeignet für kI-Builder für Apps und Websites aus Prompts
Canva: besser geeignet für design- und Website-Builder
Starter ist kostenlos, Pro kostet $10 pro Monat oder $8.33 pro Monat bei jährlicher Abrechnung, und Enterprise hat einen individuellen Preis. Quelle (öffnet in neuem Tab)
Wie viele KI-Credits enthält der kostenlose GrapesJS-Starter-Tarif?
Starter enthält 100 KI-Credits pro Monat und 0.1 GB Cloud-Speicher und erfordert keine Kreditkarte. Quelle (öffnet in neuem Tab)
Welcher GrapesJS-Tarif entfernt das Branding und ergänzt eigene Domains?
Pro ergänzt eigene Domains, das Entfernen des Brandings, 500 KI-Credits pro Monat, 10 GB Cloud-Speicher und Prioritäts-Support. Quelle (öffnet in neuem Tab)
Welche Formate kann GrapesJS exportieren?
GrapesJS gibt einfaches JSON aus und hat einen integrierten Export für HTML, CSS und JS. Quelle (öffnet in neuem Tab)
Wo veröffentlicht GrapesJS sein Änderungsprotokoll?
Nicht verifiziert: Datenschutzerklärung, Trainingsnutzung und Aufbewahrung (HTTP 404); Kostenlose Testphase für kostenpflichtige Tarife; Gesamter Jahrespreis von Pro; Bedeutung des Hinweises auf zusätzliche 1800 KI-Credits; Verfügbarkeit in den USA nicht angegeben.
Wie wir diese Seite dokumentiert haben und pflegen
Jede Angabe zu GrapesJS (Grapes Studio) oben stammt aus den 3 hier aufgeführten offiziellen Seiten, zuletzt verglichen am Oct 2, 2026; wir haben GrapesJS (Grapes Studio) nicht selbst getestet, daher gibt es keine redaktionelle Bewertung. Wie wir Seiten prüfen und erneut prüfen.
Artikel aktualisiert Oct 2, 2026; Preise geprüft Oct 2, 2026. Ausgehende Links zu Anbietern sind einfache Links; wir erhalten keine Provisionen. So testen wir · Fehler melden
(in voller Größe in neuem Tab öffnen)
(in voller Größe in neuem Tab öffnen)
(in voller Größe in neuem Tab öffnen)
(in voller Größe in neuem Tab öffnen)
(in voller Größe in neuem Tab öffnen)
(in voller Größe in neuem Tab öffnen)