Mavo
Mavo Mavo Mavo

Create complex, reactive, persistent web applications by just writing HTML & CSS, without a single line of JavaScript and no server backend. Developed in the Haystack Group at MIT CSAIL and led by Lea Verou.

Mavo is an open-source framework developed at MIT CSAIL that allows users to build complex, reactive, and persistent web applications using only HTML and CSS. It is specifically designed to be approachable for people with no programming experience, entirely removing the need for JavaScript or a server backend.

The main features of the tool include:

  • HTML-Based Data Management: Mavo extends standard HTML syntax to describe how an application should manage, store, and transform data.

  • Flexible Data Storage: Users can choose where to store their data—in the cloud, locally, or not at all—simply by changing a single HTML attribute.

  • Instant Editing Interface: The tool provides an auto-generated and customizable interface that allows users to edit data directly on the website, eliminating the need for a separate CMS or server management.

  • Reactive Calculations: It allows for real-time calculations performed directly within the HTML, which update automatically as the underlying data changes.

  • No-Code Multimedia Handling: It supports multimedia uploads (via drag-and-drop, pasting, or browsing) directly into the page without requiring any custom code.

  • Design Freedom: Because Mavo works with your existing markup rather than against it, it offers the same design freedom as a static webpage.

  • Accessibility and Extensibility: Applications built with Mavo are keyboard accessible and screen reader friendly by default. Additionally, the framework is highly extensible via plugins that can add new functionality or modify its behavior.