From JSON API to home screen.

Each segment after a dot steps one level deeper into a JSON object.

Arrays are addressed by position — starting at 0. Mix them freely with object keys.

Wrap any path in curly braces to embed values inside custom text. Use as many placeholders as you like — everything outside the braces stays untouched. Newlines written as \n and tabs written as \t are rendered as real line breaks and tab characters.

Berlin
21°C

A path that does not exist (or is null) normally renders —. Prefix the path with ? to render nothing instead, or follow it with ?: and a literal to show a fallback. An empty string and zero are real values and are never replaced.

Inside a placeholder, combine a path with + - * or / and a number. One operation per placeholder — chain complex math into your source instead.

Put * in the path to collect one field from every item of an array — no loop block needed. The lines are joined with a newline between them only, never after the last one.

Alpha
Bravo
Charlie

Alpha
Bravo
Charlie

[1,2]
[3,4]

Limiting items. A slice or count goes right after the array name, and works everywhere the array does:

Alpha
Bravo
Charlie

Alpha
Bravo

Alpha
Bravo
Charlie

Zipped rows. When one line has two or more list fields, the whole line repeats once per item and the rows are joined by newlines between them — the fields stay lined up. The first list that resolves drives the row count; a shorter list shows — on the missing rows.

Alpha 10 €
Bravo 20 €
Charlie 30 €

Alpha 10
Bravo 20
Charlie 30

Zync · Alpha 10
Zync · Bravo 20
Zync · Charlie 30

One list is not a zip. With a single list field there is nothing to line up, so the values keep the inline join. The same syntax works without braces too — a bare stations.*.brand is valid.

Alpha
Bravo
Charlie

An #each <path> block repeats its body once per item. The header and #end sit on their own lines; every line between them is repeated. Inside the block, {...} resolve against the current item; outside, against the whole response. Rows are joined with a newline between them only, never after the last one.

Alpha — 10 kW
Bravo — 20 kW
Charlie — 30 kW

• Same limiters as lists, written on the loop path: #each stations[0:5] slices, and #each stations(5) takes the first five. A slice needs both numbers — stations[2:] is not valid.
• Math works inside the body: {price * 2}.
• Align columns with a tab \t ({brand}\t{power}), or split the line into real columns with a bare |.
• Blocks can be nested, up to 8 levels deep.
• To place two loops one after another, start the next #each on a new line after #end — that newline is kept.
• A path that is missing, or is not an array, renders — instead of an error.

An #if block shows its body only when the condition holds; an optional #elseif and #else follow on their own lines, and #end closes the block. Without a match and without an #else, nothing is shown.

• Operators: == != > < >= <=. Two numbers compare as numbers; anything else compares as text.
• #if blocks nest inside each other, inside #each, and can wrap one — up to 8 levels deep.
• #if, #elseif and #else each take a whole line; a stray or unclosed block shows an error instead of breaking the widget.

Add where after an #each path to skip items whose condition is false — the row limit applies to what survives. For a single line, use ? : inside a placeholder instead of a whole block.

M1
M3

• where needs spaces on both sides and works with slices too: #each stations(5) where power > 20.
• A branch is literal only when quoted; a bare word is a path, so {a ? x : y} reads the fields x and y.

Put a | after a path and list key: label pairs. The value is matched against the keys (as text) and replaced by its label; a * key is the label for a missing or unmatched value. Without a * and no match, the placeholder — is shown.

ON
OFF
ON

• Keys and labels are written bare; quote a label when it contains a comma or a leading or trailing space.
• An empty string is a value, not a miss, so it takes the * label unless it has its own empty key.

The result text can be styled with three markers: *bold*, _italic_ and `code` (monospace). They read exactly the same in the widget, the preview and the share page.

• They combine in any order: *bold and _italic_*, _italic `then code`_.
• They work inside #each bodies and around {...} placeholders.
• Escape a marker with a backslash to print it literally: \*, \_, \` and \\.
• A span must open and close on the same line, cannot be empty, and cannot touch a space or tab at either edge — otherwise the markers stay literal.
• Doubled markers are not a special case: **bold** renders as written.

Every bare | outside {...} opens a column: the first cell sits on the leading edge, the last on the trailing edge, and everything between them is centered. Numbers line up across rows, which is what a price or score list needs.

HEM2.12 €PS-Laden2.26 €ARAL2.19 €

HEM2.12 €2.31 €PS-Laden2.26 €2.42 €ARAL2.19 €2.35 €

• Columns share the width evenly and every middle column centers its text, so {a} | {b} | {c} | {d} shows a left, b and c centered, d right.
• The layout reserves up to five columns (three centered); a sixth cell and beyond join the last centered column. One centered cell anywhere switches the whole result to that grid, so every row shares the column boundaries.
• A line without a | stays a full-width line, so a loop can mix a heading with column rows.
• The pipe inside an expression is untouched: {status | 1: Open} is still a map.
• Write \| to print a literal pipe.
• The widget shows up to 8 rows, then +N more; the app preview and the share page show every row.

Columns default to first left, middle center, last right, and each column aligns the text inside its own cell. Put #align on the first line to change that; the line itself is never shown.

HEM2.12 €2.31 €PS-Laden2.26 €2.42 €ARAL2.19 €2.35 €

• One token sets every column (#align center), two set the first and last (#align end start), three set first, middle and last (#align start center end).
• Words are start / left, center / middle, end / right, or the single letters s, c, e.
• It also works without columns: with one value the first token aligns the whole result (see below).

A leading marker inside a cell aligns just that cell: > end, ^ center, < start. Write them inside the field — {>price} — and a marker beats the directive.

HEM2.12 €PS-Laden2.26 €ARAL2.19 €

2.12 €

• The marker must sit at the start of the cell with no space after it, so > 5 stays literal. Anything else that starts with a marker needs an escape.
• A custom alignment uses evenly spaced columns; the default (first left, last right) keeps the compact row where the label takes the remaining width.
• Escape a literal marker with a backslash: \>, \<, \^.
• The app, the widget and the share page all read the same markers, so a shared snapshot keeps its alignment; the plain-text share drops them.

• Press TEST to inspect the raw response while you explore an unfamiliar source.
• Path doesn't exist or is null → the widget shows — instead of breaking.
• Invalid JSON → the error message is displayed so you can debug quickly.
• A list or loop emits at most 20 items, then ... (+N more); the whole result is capped at 2000 characters.
• A GET request never sends a body — use Advanced Options to POST one.
• Malformed loop syntax (a stray or unclosed #each) shows Error: Check your loop syntax..