Built-in widgets & recipes.

Incrementable numeric counter with min/max/step. Fires on every change.

{ "initialValue": 0, "min": 0, "max": 100, "step": 1, "label": "Score" }

Countdown with a circular ring and play/pause/reset. Fires timerFinished.

{ "durationSeconds": 300, "label": "Focus timer" }

Elapsed-time counter with the same circular ring. Fires at lap marks.

{ "label": "Elapsed" }

Interactive to-do list with progress bar. Each item fires on toggle.

{ "title": "Today", "items": [ { "label": "Tests", "done": false } ] }

Play/pause/skip controls for audio or video. Fires the chosen action.

{ "title": "Chill Lofi Mix", "artist": "lofi beats", "duration": 3600 }

Self-contained game board with built-in AI opponent. Fires win/draw events.

{ "playerSymbol": "X" }

Bar, line, or pie via Recharts. Configurable axis keys, colors, title.

{ "type": "bar", "xKey": "month", "yKey": "revenue", "data": [ ... ] }

Renders Markdown content. Headings, lists, links, inline code; no HTML passthrough.

{ "content": "## Hello\n\nThis is **bold** text." }

Syntax-highlighted, read-only code display with copy-to-clipboard.

{ "language": "swift", "code": "let x = 1" }

Editable code area with a Run button. Fires codeRun with the content.

{ "language": "python", "initialCode": "print('hi')" }

Month view with event markers. Fires dateTapped with the selected date.

{ "month": 5, "year": 2026, "events": [ ... ] }

Interactive map view with annotation pins. Backed by MapKit on device.

{ "latitude": 37.7749, "longitude": -122.4194, "zoom": 12, "pins": [] }

Generates a scannable QR code. Configurable size and label. CoreImage on device.

{ "content": "https://ainativeui.org", "label": "Scan to visit" }

Interactive crossword puzzle. Auto-focus advance, direction toggle, completion detection.

{ "title": "Quick crossword", "grid": [...], "cluesAcross": [...], "cluesDown": [...] }