CodeFrame Renders Code Images Up to 12x Resolution Without DOM Screenshots
CodeFrame is a browser-based tool that converts source code into high-resolution PNG or SVG images without taking DOM screenshots, unlike popular alternatives such as carbon.now.sh and ray.so. It uses Canvas2D rendering via WebAssembly, drawing each token pixel-by-pixel using syntect — the same syntax highlighting engine powering Sublime Text — compiled to WASM. The tool supports export scales up to 12x, compared to the 2x ceiling typical of screenshot-based approaches, and includes seven bundled themes and three monospace fonts. CodeFrame runs entirely client-side with no backend server, no user accounts, and no telemetry, meaning source code never leaves the browser. A separate canvas is used for preview and export to keep the editing experience smooth while ensuring full-resolution output on demand.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.
Discussion (0)
Log in to join the discussion and vote.
Log in