Zettel

Zettel — German for a single page. One surface for writing, math, code, diagrams and HTML.

Drop a

text
.md
file anywhere on this page to open it. Press ⌘P to cycle preview, ⌘S to export, ⌘⇧P for PDF.

Math

Inline math like and inline code like

text
const x = 42
flow naturally with prose.

Python — runs in your browser

python
import math
print("π ≈", math.pi)

Syntax highlighting

ts
type Zettel<T> = { id: string; body: T };
const note: Zettel<string> = { id: "a1", body: "hello" };

Diagrams · Mermaid

diagram · mermaid

Inline HTML

You can drop in raw HTML when markdown isn't enough — ⌘K, highlighted text, or a

collapsible blockwith hidden content inside.

Less interface. More page.