markdown-svg-renderer

Simon Willison's Blog Tools

Summary

A markdown rendering tool that supports live preview, table and code block formatting, and special handling for SVG code blocks with inline preview and tabbed code view.

No content available
Original Article
View Cached Full Text

Cached at: 05/29/26, 07:01 AM

# Tool: markdown-svg-renderer Source: [https://simonwillison.net/2026/May/28/markdown-svg-renderer/](https://simonwillison.net/2026/May/28/markdown-svg-renderer/) [Tool](https://simonwillison.net/elsewhere/tool/)[markdown\-svg\-renderer](https://tools.simonwillison.net/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](https://tools.simonwillison.net/markdown-svg-renderer#url=https%3A%2F%2Fgist.github.com%2Fsimonw%2Ffea4f7546626d627862dc241a4e3a86a)where it loads a Markdown file full of LLM pelican logs for[Opus 4\.8](https://simonwillison.net/2026/May/28/claude-opus-4-8/#and-some-pelicans)\.

Similar Articles

Markdown SVG upgrades

Simon Willison's Blog

Simon Willison's markdown-svg-renderer tool has been upgraded with features to render Markdown with embedded SVG to formats like PNG, JPEG, and MP4 using ffmpeg.wasm in the browser.

datasette.io news preview

Simon Willison's Blog

A web-based preview tool for datasette.io news entries that validates YAML format, checks markdown syntax, and provides real-time rendering of news entries. Built with Claude AI to reduce friction in editing the site's news.yaml file.

Gtk+Adwaita Markdown Editor in ~600 lines

Lobsters Hottest

A compact GTK+Adwaita split-view Markdown editor implementation in about 600 lines, using a GTK WebView and CDN-loaded marked.js and KaTeX. It serves as a prototype inspired by Apostrophe to demonstrate how easy building such apps has become.

MD+HTML Reader

Product Hunt

MD+HTML Reader allows users to review AI-generated Markdown and HTML in a focused workspace.