Live workbooks

Examples.

Every example below is a real .mp.html workbook running in your browser right now. Click "open ↗" to get the raw file — copy it, modify it, ship it.

Hello

The minimal workbook. One state value, one two-way binding, one action. The heading reflects the field as you type.

hello.mp.html — classic-light theme open ↗

Tasks

The canonical list workbook. add-to appends records. clear resets the input. The badge reflects the current count.

tasks.mp.html — proton-mail theme open ↗

Inbox

Two screens, tab filtering, message detail view, reply draft with two-way binding, archive action. The workbook that shaped the Mere vocabulary.

inbox.mp.html — classic-light theme open ↗

Book tracker

Four-tab filter (All / Reading / To read / Done), persistent list state, add-book form. Generated from the spec quick-reference by an LLM — no hand-holding.

books.mp.html — proton-mail theme · persist open ↗

Habit tracker

Three screens, boolean toggles, streak state, brutalist theme. Demonstrates navigation depth and visual personality.

habits.mp.html — brutalist theme open ↗