Mavo
Open SourceWeb-Apps erstellen mit HTML & CSS – ohne JavaScript oder Server-Backend
Zusammenfassung
Mavo ist ein Open-Source-Framework, mit dem Web-Anwendungen ausschließlich durch HTML & CSS erstellt werden können – ohne JavaScript oder Server-Backend. Es bietet automatische Datenverwaltung, Cloud-Speicherung, File-Uploads und eine intuitive Bearbeitungsoberfläche. Entwickelt am MIT für Menschen ohne Programmiererfahrung.
✓ Vorteile
- + Keine JavaScript-Kenntnisse erforderlich, nur HTML & CSS
- + Automatische Benutzeroberfläche für Dateneingabe und -bearbeitung
- + Flexible Speicheroptionen: GitHub, lokal oder andere Cloud-Dienste
- + Barrierefreiheit und Tastaturnavigation standardmäßig integriert
✗ Nachteile
- − Begrenzt auf kleinere Anwendungen, nicht für komplexe Enterprise-Software geeignet
- − Abhängigkeit von HTML-Attributen kann bei großen Projekten unübersichtlich werden
Anwendungsfälle
- → Persönliche Homepage mit editierbaren Inhalten direkt im Browser
- → To-Do-Listen und Task-Manager mit lokalem oder Cloud-Storage
- → Portfolios und Galerien mit Drag & Drop Bild-Upload
- → Kleine Datenbankanwendungen ohne Backend-Programmierung
Ideal für
Designer, Content-Ersteller und Nicht-Programmierer, die einfache datengetriebene Web-Anwendungen ohne Coding-Kenntnisse erstellen möchten.
Tags
Was ist Mavo?
Mavo ist ein Open-Source-Framework vom MIT, das Web-Anwendungen ohne eine einzige Zeile JavaScript ermöglicht. Entwickler und Designer beschreiben ihre Datenstrukturen direkt über HTML-Attribute. Mavo übernimmt dann automatisch die Benutzeroberfläche zur Dateneingabe, die Speicherung und das Rendering. Ein Server-Backend wird nicht benötigt. Die Daten lassen sich wahlweise lokal im Browser, auf GitHub oder in anderen Cloud-Diensten ablegen.
Kernfunktionen
- Deklarative Datenverwaltung: Datenfelder, Listen und Berechnungen werden als HTML-Attribute definiert. Kein JavaScript erforderlich.
- Automatische Bearbeitungsoberfläche: Mavo generiert aus der HTML-Struktur eine fertige Eingabe- und Bearbeitungsmaske direkt im Browser.
- Flexible Speicheroptionen: Unterstützung für lokalen Browser-Speicher, GitHub-Repositories und weitere Cloud-Backends.
- File-Upload mit Drag & Drop: Bilder und Dateien lassen sich direkt in die Anwendung hochladen, ohne eigenen Upload-Server.
- Barrierefreiheit: Tastaturnavigation und Zugänglichkeit sind standardmäßig eingebaut, nicht nachträglich ergänzt.
Für wen eignet sich Mavo?
Mavo richtet sich an Designer, Content-Ersteller und alle, die HTML kennen, aber keine JavaScript-Erfahrung mitbringen. Typische Einsatzfälle sind persönliche Homepages mit editierbaren Inhalten, kleine To-Do-Anwendungen, Portfolios mit Bild-Upload oder überschaubare Datenverwaltungen ohne Datenbankanbindung.
Bei größeren Projekten stößt Mavo an Grenzen. Komplexe Geschäftslogik, verschachtelte Berechtigungskonzepte oder Performance-Anforderungen jenseits kleiner Datensätze lassen sich mit HTML-Attributen nicht sinnvoll abbilden. Wächst ein Projekt, wird die Attributstruktur im Markup schnell schwer lesbar.
Einordnung & Alternativen
Mavo gehört in die Kategorie der No-Code-Frameworks, unterscheidet sich aber von visuellen Drag-and-drop-Buildern wie Webflow oder Bubble dadurch, dass es direkt im eigenen HTML-Code arbeitet. Wer schon HTML schreibt, bleibt in seiner gewohnten Umgebung. Wer hingegen keinen Code anfassen will, ist mit einer vollständig visuellen Plattform besser bedient.
Wer einfache, datengetriebene Seiten mit GitHub-Storage betreiben und dabei die volle Kontrolle über das Markup behalten möchte, bekommt mit Mavo ein Werkzeug, das genau diesen Anwendungsfall abdeckt.
