HTML5 snippets

Right-click → Code → HTML5 opens an authoring modal with a monospace editor. Write any HTML — inline <style> and <script> run too — and Submit to drop it on the board as a live, interactive snippet.

Authoring

• Type markup directly, or describe what you want and hit the 🪄 Magic wand to have the configured LLM generate the snippet, streamed straight into the editor. The editor’s current text — a plain-English description and/or existing markup to improve — is the prompt, and a #> comment marks a targeted edit.
• Submit renders the snippet as a bubble on the canvas.

On the board

A rendered snippet is a DOM overlay hosting a sandboxed iframe (allow-scripts but no allow-same-origin), so the snippet runs but can’t reach the board. It’s wrapped in the same chrome as code cells:

• A draggable header, a bottom-right resize grip, and an × to remove it.
• It pans and zooms with the canvas like every other overlay.
• Double-click the rendered content (or the header, or the header’s ✎ Edit button) to re-open the editor — a tiny bridge script forwards the double-click across the sandbox boundary, so the snippet stays fully interactive.

The markup persists with the board and restores on reload.