Drag-and-Drop-Website-Builder

Fakten geprüft am 13. Oktober 2026 · Mobirise-Team

Ein No-Code-Website-Baukasten ermöglicht es, eine Website ohne HTML und CSS zu erstellen, und Drag-and-Drop ist der Weg, auf dem die meisten das tun: Sie verschieben Blöcke oder Elemente auf der Seite und stellen alles Weitere in Bereichen ein.

Bearbeitungsmodell

Blockbasiert. Sie ziehen fertige Blöcke auf eine Seite, ändern Texte und Bilder direkt an Ort und Stelle und stimmen jeden Block in seinem eigenen Parameterbereich ab, statt Elemente Pixel für Pixel zu verschieben.

Einstellungen pro Block

Seine Abstände und sein Hintergrund, die Teile, die er anzeigt, und die Anzahl seiner Spalten. Schriften wählen Sie im Style Editor, und jeder Titel kann das H-Tag erhalten, das Sie festlegen.

Smartphones und Tablets

Blöcke sind responsiv, und der Editor zeigt jede Seite so, wie sie auf einem Smartphone, einem Tablet und einem Desktop aussieht. Ein Layout bedient alle Bildschirme: Sie können für Smartphones keine andere Anordnung pflegen und auch kein Element nur auf einem Gerät ausblenden.

Kostenloser Plan

Die Desktop-App samt 200+ Blöcken und einem einzigen Basis-Theme, für beliebig viele selbst gehostete Websites. Im Browser drei Live-Websites unter mobirisesite.com, HTTPS inklusive, und drei KI-Generierungen pro Monat. Kostenlose Websites tragen das Mobirise-Branding; die geschäftliche Nutzung ist erlaubt.

Kostenpflichtige Pläne, pro Jahr

KIT (149 $) schaltet die komplette Premium-Bibliothek mit 220+ Themes und Erweiterungen frei, ohne Branding. BASE (199 $) bringt drei gehostete Websites auf eigenen Domains plus 100 KI-Generierungen pro Monat. GROW (249 $) hebt die Limits auf zehn Websites und 1.000 KI-Generierungen an.

Plattformen

Jeder Webbrowser oder die Desktop-Version 6.1.12 für Windows 7 oder neuer (Installer etwa 105 MB), für macOS 10.13 High Sierra oder neuer mit getrennten Apple-Silicon- und Intel-Builds (je etwa 134 MB) sowie für Debian-basiertes Linux wie Ubuntu (.deb, etwa 102 MB).

Code

Nicht erforderlich. Die Desktop-App schreibt die fertige Website in jedem Plan als reines HTML, CSS und JS aus; der kostenpflichtige Code Editor zeigt das Markup eines Blocks, wenn Sie es ändern möchten.

Weniger geeignet für

Pixelgenaue Freiform-Layouts, eine von Hand gestaltete Smartphone-Version oder das erneute Öffnen einer Website, die mit einem anderen Tool erstellt wurde.

Schon 2015 nannte Network World Mobirise in der Überschrift seines Tests „a free, simple, drag and drop mobile responsive Web site builder“ (auf Deutsch: „ein kostenloser, einfacher Drag-and-Drop-Baukasten für responsive Websites auf Mobilgeräten“). Heute zählt die offizielle Preisseite über 2.500.000 Nutzer.

Die meisten Baukästen auf dieser Seite lassen Sie Dinge mit der Maus verschieben. Der Unterschied liegt darin, was Sie verschieben, und daran hängen drei Dinge: wie viel Extraarbeit die Smartphone-Version braucht, wie schnell eine erste Seite steht und wie viel genaue Kontrolle Sie behalten.

Eine dritte Art steht für sich: visuelle CSS-Werkzeuge. In Webflow gestalten Sie Elemente über ein Panel mit CSS-Eigenschaften, speichern die Stile als wiederverwendbare Klassen und passen sie an jedem Breakpoint an, was dem Schreiben eines Stylesheets nahekommt, nur ohne zu tippen. Framer fühlt sich wie ein Design-Programm an: Inhalte fließen in Stacks und Rastern, Ebenen lassen sich aus dem Fluss nehmen und fixieren, und kleinere Breakpoints überschreiben den Haupt-Breakpoint. Beide bieten die meiste Kontrolle und verlangen das meiste Wissen.

Einen alleinigen Sieger gibt es nicht. Das passende Werkzeug hängt davon ab, wie exakt das Layout sein muss, wer die Dateien behält und was Sie jedes Jahr zahlen möchten. Diese Empfehlungen sind ehrlich gemeint, und die meisten davon sind nicht unsere.

Die Dateien einer kostenlosen Website besitzen

Mobirise. Die App kostet nichts, funktioniert weiter offline, speichert reines HTML und lädt auf jeden Host hoch, während die Blöcke sich um das Smartphone-Layout kümmern.

Jedes Element von Hand platzieren

Wix: ein Freiform-Canvas und ein reiner Mobil-Editor, in dem Sie Elemente ausblenden oder umordnen können, ohne die Desktop-Version anzutasten.

Eine designorientierte Marke oder ein Portfolio

Squarespace: Abschnittslayouts mit Ziehraster und einer Smartphone-Anordnung, die Sie getrennt ändern können; statt eines kostenlosen Plans gibt es eine Testphase.

Eine Seite für möglichst wenig Geld

Carrd: kostenlose Einseiter mit Carrd-Branding und günstige Pro-Jahrespläne, sobald Sie eine eigene Domain wollen.

Kontrolle wie in einem Design-Tool und Animationen

Framer: ein Canvas mit Stacks, Breakpoints und einem KI-Agenten, nur auf Framer-Hosting.

Kontrolle auf CSS-Ebene für ein Team

Webflow: Klassen und Breakpoints, festgelegt in einem Style-Panel, mit Code-Export in kostenpflichtigen Workspace-Plänen.

Ein KI-Design kostenlos ausprobieren

8B AI: Ein Satz genügt für ein komplettes Design, kostenlos; für die Veröffentlichung braucht es Pro.

Ein Shop mit großem Sortiment

Shopify oder eine ähnliche Plattform, die für den Verkauf gebaut ist.

Jeder Drag-and-Drop-Baukasten in der Tabelle wurde auf seinen eigenen Preis- und Hilfeseiten nachgeschlagen, nicht auf Bewertungsportalen. Code-Export und Offline-Arbeit haben eigene Zeilen, ebenso die Punkte, bei denen Mobirise schlechter abschneidet.

Quellen: die Preisseite und das Hilfe-Center des jeweiligen Anbieters, abgerufen am 13. Oktober 2026. Beträge in US-Dollar; Mobirise und Carrd berechnen pro Jahr, die übrigen sind pro Monat bei jährlicher Abrechnung angegeben, sofern eine Zelle nichts anderes sagt. Anbieter ändern Pläne und KI-Limits häufig, und die Preise können je nach Region abweichen. Verstehen Sie die Tabelle daher als Momentaufnahme und prüfen Sie vor dem Kauf noch einmal nach.

In Mobirise erledigt die Maus die groben Züge, der Parameterbereich die Details.