WebAssembly

WebAssembly Code Screenshot Generator

Turn WebAssembly snippets into images worth sharing, without leaving your Mac.

WebAssembly text format is read far more often than it is written, and almost always in an explanation of what a compiler produced.

Codeshot detects WebAssembly from the code you paste, so there is no language picker to get wrong. Here is the same snippet in three of the 30 themes it ships with, rendered with the app's own stylesheets.

(module
  (func $scale (param $x i32) (result i32)
    local.get $x
    i32.const 2
    i32.mul)

  (export "scale" (func $scale)))

GitHub · dark

(module
  (func $scale (param $x i32) (result i32)
    local.get $x
    i32.const 2
    i32.mul)

  (export "scale" (func $scale)))

Solarized · dark

(module
  (func $scale (param $x i32) (result i32)
    local.get $x
    i32.const 2
    i32.mul)

  (export "scale" (func $scale)))

Tokyo Night · dark

Choosing a theme for WebAssembly

The parenthesised structure carries the nesting. Give it a theme with distinct delimiter colouring, and do not crop the closing parens.

Getting the size right

Let the image follow your content, or lock it to a ratio — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3, or 3:4 — then export at 1×, 2×, or 3× so it stays sharp on a retina display. Copy it straight to the clipboard with ⌘⇧C, or save with ⌘S.

See all 30 themes side by side, or read the full workflow.

Built for WebAssembly, and 59 other languages

Everything runs on your Mac. Your code never leaves it.

Download for macOS