Kann ich damit ohne Programmierkenntnisse eine Website erstellen?

Das Bearbeiten selbst funktioniert per Drag-and-drop und braucht keine Programmierkenntnisse. Die einmalige Einrichtung des Editors ist dagegen technisch. Viele lassen diesen Schritt einmal machen und arbeiten danach selbstständig weiter.

Der Editor selbst ist kostenlos und steht unter der BSD-3-Clause-Lizenz, auch für kommerzielle Projekte. Kosten entstehen nur für Hosting, Domain und optionale kostenpflichtige Erweiterungen.

Wo wird meine Website gehostet?

Wo Sie möchten. GrapesJS erzeugt gewöhnliche HTML- und CSS-Dateien, die auf jedem Webspace laufen. Es gibt keinen Anbieter, an den Sie gebunden sind.

Worin unterscheidet sich das von Wix oder Jimdo?

Ein gehosteter Baukasten nimmt Ihnen die Technik ab und berechnet dafür monatlich. GrapesJS verlangt einmal Einrichtung, kostet danach nichts und lässt sich beliebig anpassen. Wer eine Seite in einer Stunde online haben will, ist mit einem Baukasten schneller.

Kann ich eine bestehende Website weiterverwenden?

Ja. Bestehendes HTML und CSS lassen sich importieren und danach im Editor weiterbearbeiten.

Ist die Seite für Suchmaschinen geeignet?

Die Ausgabe ist normales HTML, das Suchmaschinen ohne Umwege lesen. Titel, Beschreibungen und strukturierte Daten pflegen Sie selbst oder über eine Erweiterung.

Wie lange dauert die Einrichtung?

Mit einem fertigen Preset ist die Grundeinrichtung eine Sache von wenigen Stunden. Länger dauert alles, was danach kommt: Struktur festlegen, Texte schreiben, Bilder aufbereiten.

Brauche ich eine Datenbank?

Für eine reine Inhaltsseite nicht. Der Editor speichert das Projekt dort, wo Sie es festlegen, und veröffentlicht am Ende statische Dateien. Eine Datenbank wird erst interessant, wenn mehrere Personen laufend Inhalte pflegen sollen.

Kann ich Formulare einbauen?

Ja, dafür gibt es ein Formular-Plugin mit den üblichen Feldern. Wohin die Einsendungen gehen, entscheiden Sie — an Ihre eigene Adresse oder an einen Dienst Ihrer Wahl.

Open-Source-Editor

Website erstellen — mit einem Editor, der Ihnen gehört

GrapesJS ist ein freier Editor mit Drag-and-drop. Sie bauen Ihre Seite visuell, so wie in einem Baukasten, aber Dateien, Domain und Daten bleiben bei Ihnen. Kein Monatsabo, keine Bindung an einen Anbieter.

Blöcke und Vorlagen ansehen Ist das für mich?

BSD-3-Clause

Lizenz, frei nutzbar

26k+

Sterne auf GitHub

100+

Plugins und Vorlagen

0 €

Monatliche Gebühr

Ehrlich gesagt

Bevor Sie weiterlesen: das hier ist kein Baukasten mit Hosting

GrapesJS ist ein Editor, kein fertiger Dienst. Es lohnt sich, das gleich zu klären — sonst kostet es Sie nur Zeit.

Sie brauchen einen Platz zum Veröffentlichen

Der Editor erzeugt saubere HTML- und CSS-Dateien. Wo diese liegen, entscheiden Sie: eigener Webspace, ein statischer Hoster oder Ihr bestehendes CMS.

Die Einrichtung ist technisch

Einmal einrichten heißt: Editor einbinden, Speicherort festlegen, Veröffentlichung anschließen. Wer das nicht selbst macht, braucht jemanden, der es übernimmt.

Dafür gehört Ihnen alles

Keine Vertragsbindung, kein Anbieterwechsel-Problem, keine monatliche Rechnung. Der Quellcode steht unter BSD-3-Clause und darf auch kommerziell genutzt werden.

Warum GrapesJS

Was Sie davon haben

Drei Unterschiede zu einem gehosteten Baukasten, die im Alltag zählen.

Keine laufenden Kosten

Der Editor ist frei. Sie zahlen nur für Hosting und Domain — und für Erweiterungen, wenn Sie welche möchten.

Sauberer Export

Am Ende stehen normale HTML- und CSS-Dateien. Kein proprietäres Format, aus dem Sie Ihre Seite später wieder herauslösen müssen.

Erweiterbar

Blöcke, Formulare, Bildverwaltung, mehrsprachige Seiten: was fehlt, kommt als Plugin dazu — oder Sie schreiben es selbst.

Ihre Daten bleiben bei Ihnen

Inhalte liegen auf Ihrem Server. Für Projekte mit Datenschutzanforderungen ist das oft der ausschlaggebende Punkt.

Zum Marktplatz

Der übliche Verlauf

Woran es bei Baukästen meistens später scheitert

Der Preis war nur im ersten Jahr niedrig

Einstiegstarife laufen aus, und die Verlängerung kostet ein Vielfaches. Bezahlt wird weiter, solange die Seite online ist — auch wenn sich an ihr jahrelang nichts ändert.

GrapesJS fixes this

Einmal einrichten, danach nur Hosting

Der Editor kostet nichts. Übrig bleiben Webspace und Domain, also der Betrag, den Sie ohnehin zahlen würden.

Ab einem gewissen Punkt geht das gewünschte Design nicht mehr

Solange man im Rahmen der Vorlagen bleibt, ist alles einfach. Der erste Wunsch außerhalb davon endet oft bei „das ist so nicht vorgesehen“.

GrapesJS fixes this

Sie kommen an jede Zeile heran

Am Ende steht Ihr eigenes HTML und CSS. Was der Editor nicht kann, lässt sich ergänzen — durch ein Plugin oder direkt im Code.

Ein Umzug ist praktisch ein Neubau

Der Export liefert oft nur einen unbrauchbaren Rohabzug. Wer den Anbieter wechselt, baut die Seite meist noch einmal.

GrapesJS fixes this

Normale Dateien, kein Sonderformat

HTML und CSS laufen auf jedem Webspace. Ein Umzug ist ein Kopiervorgang, keine Neuentwicklung.

Unklar, wo die Daten liegen

Bei Formularen und Besucherdaten wird die Frage nach Serverstandort und Auftragsverarbeitung schnell konkret — und die Antwort steht selten im Tarif.

GrapesJS fixes this

Ihr Server, Ihre Entscheidung

Sie wählen den Hoster und wissen, wo die Daten liegen. Für Projekte mit Datenschutzanforderungen ist das oft der ausschlaggebende Punkt.

Direkter Vergleich

Eigener Editor oder gehosteter Baukasten

Ohne Tarifzahlen, weil die sich ständig ändern — verglichen wird, was strukturell verschieden bleibt.

Kriterium	GrapesJS	Gehosteter Baukasten	Was das im Alltag heißt
Laufende Kosten	Nur Hosting und Domain	Monats- oder Jahresabo	Ohne Abo endet die Rechnung nicht bei null, aber sie hört auf zu wachsen.
Einmaliger Aufwand	Einrichtung nötig	Sofort startklar	Hier ist der Baukasten klar im Vorteil: anmelden und loslegen.
Wo die Seite liegt	Bei Ihrem Hoster	Beim Anbieter	Entscheidend, sobald Serverstandort oder Auftragsverarbeitung geklärt sein müssen.
Export	HTML und CSS	Eingeschränkt bis unbrauchbar	Bestimmt, wie teuer ein späterer Wechsel wird.
Anpassbarkeit	Bis auf Code-Ebene	Im Rahmen der Vorlagen	Fällt erst auf, wenn ein Wunsch außerhalb des Rahmens liegt.
Erweiterungen	Über 100 Plugins, vieles frei	App-Markt des Anbieters	Beide erweiterbar — nur ist die eine Sammlung offen und die andere kuratiert.
Wenn der Anbieter zumacht	Ihre Dateien bleiben	Sie müssen umziehen	Selten, aber teuer. Quelloffene Software lässt sich nicht abschalten.
Hilfe im Problemfall	Community, Doku, Dienstleister	Support des Anbieters	Ein bezahlter Support ist verlässlicher — dafür sind Sie nicht auf einen angewiesen.

Voraussetzungen

Was Sie brauchen, bevor Sie anfangen

Vier Dinge. Drei davon haben die meisten schon.

Webspace oder statischer Hoster

Jedes Angebot reicht, das HTML-Dateien ausliefert. Ein einfaches Paket genügt; eine Datenbank braucht es für eine reine Inhaltsseite nicht.

Eine Domain

Vorhandene Domain weiterverwenden oder neu registrieren. Am Editor ändert das nichts.

Jemanden für die Einrichtung

Einmalig: Editor einbinden, Speicherort festlegen, Veröffentlichung anschließen. Selbst machen, im Team lösen oder vergeben — danach arbeiten Sie allein weiter.

Texte und Bilder

Der zeitaufwendigste Teil, und der einzige, den Ihnen kein Werkzeug abnimmt. Fertige Blöcke sparen das Layout, nicht den Inhalt.

In vier Schritten

So entsteht Ihre Seite

Der Weg ist kurz, wenn die Reihenfolge stimmt.

1
Schritt 1
Editor einrichten
GrapesJS in eine Seite einbinden oder ein fertiges Preset nehmen. Ein Preset bringt Oberfläche und Grundeinstellungen schon mit.
2
Schritt 2
Blöcke wählen
Kopfbereich, Abschnitte, Formulare, Fußzeile. Fertige Blöcke ersparen Ihnen das Bauen von Grund auf.
3
Schritt 3
Inhalte einsetzen
Texte, Bilder und Farben ändern Sie direkt auf der Seite — Anklicken, Tippen, fertig.
4
Schritt 4
Veröffentlichen
Export als HTML und CSS, dann auf Ihren Webspace laden. Oder gleich an eine automatische Veröffentlichung anschließen.

Presets ansehen

Einordnung

Für wen sich der Weg lohnt — und für wen nicht

Die ehrliche Antwort hängt weniger vom Budget ab als davon, wer die Seite betreut.

Passt

Sie haben jemanden für Technik

Interner Entwickler, Agentur oder ein fester Dienstleister. Die Einrichtung ist dann eine Aufgabe von Stunden, und Sie sparen das Abo dauerhaft.

Passt

Sie betreuen mehrere Seiten

Agenturen und Studios richten den Editor einmal ein und geben Kunden eine Oberfläche, die nach ihnen aussieht — ohne pro Seite ein Abo zu bezahlen.

Passt

Datenschutz ist ein Thema

Vereine, Praxen, öffentliche Stellen: Wenn der Serverstandort geklärt sein muss, ist eine selbst gehostete Lösung der kürzere Weg.

Passt nicht

Die Seite soll heute Abend online sein

Dann nehmen Sie einen gehosteten Baukasten. Das ist kein schlechter Rat, sondern der richtige — und Sie können später immer noch wechseln.

Häufige Fragen

Was Leute vorher wissen wollen

Fertige Blöcke sparen die meiste Zeit

Über 100 Plugins, Vorlagen und Presets für GrapesJS — vieles davon kostenlos.

Marktplatz öffnen

Kein Konto nötig, um sich umzusehen.

Open-Source-Page-Builder GrapesJS Blöcke GrapesJS Presets Vorlagen verwalten Website-Baukästen mit GrapesJS Einrichtung durch uns