> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.sparkian.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.sparkian.com/_mcp/server.

# HTML and SVG preview

When a response includes HTML or SVG code, Sparkian detects it automatically and lets you preview how it actually renders, instead of just reading the raw code.

## Controls

* **Show code** / preview toggle - switch between the rendered preview and the raw source
* **Open fullscreen preview** - view it full-screen
* **Open in CodePen** - continue editing it in CodePen
* **Copy code** - copy the raw HTML or SVG

## Related

* [Mermaid diagrams](/mermaid-diagrams)
* [Chat response actions](/chat-response-actions)