Original: Simon Willison · 28/05/2026
Summary
The markdown-svg-renderer tool allows users to view and render formatted markdown content with live previews, supporting various markdown features and SVG interactions.Key Insights
“Toggle between editor and full-screen viewer modes to focus on the rendered output.” — Describing the functionality of the tool.
“A slightly customized Markdown rendering tool with special treatment for fenced code SVG blocks.” — Highlighting the unique features of the markdown-svg-renderer.
Topics
Full Article
Tool markdown-svg-renderer — View Mozilla Bugzilla bug reports and render formatted markdown content with live preview. Paste markdown directly or load from a raw URL or GitHub Gist, with support for standard markdown formatting, tables, code blocks, and interactive SVG previews with tabbed display. Toggle between editor and full-screen viewer modes to focus on the rendered output. A slightly customized Markdown rendering tool with special treatment for fenced code SVG blocks - it both renders the image and provides a tab for switching to the code view. You can paste in Markdown or give it a URL to a CORS-enabled Markdown file or Gist. Here’s an example where it loads a Markdown file full of LLM pelican logs for Opus 4.8.Related Articles
Using Claude Code: The Unreasonable Effectiveness of HTML
Simon Willison · explanation · 51% similar
Tool: datasette.io news preview
Simon Willison · how-to · 49% similar
GIF optimization tool using WebAssembly and Gifsicle - Agentic Engineering Patterns
Simon Willison · how-to · 46% similar
Originally published at https://simonwillison.net/2026/May/28/markdown-svg-renderer/#atom-everything.