Markdown

Markdown Code Screenshot Generator

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

Screenshotting Markdown is a slightly odd thing to do, and it is exactly right when the point is the source rather than the rendered output.

Codeshot detects Markdown 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.

## Why an image

Pasted code loses **indentation** and syntax colouring. An image keeps
both, at the cost of being unselectable.

See [the size guides](/posts/) for per-platform dimensions.
GitHub · dark
## Why an image

Pasted code loses **indentation** and syntax colouring. An image keeps
both, at the cost of being unselectable.

See [the size guides](/posts/) for per-platform dimensions.
iA · dark
## Why an image

Pasted code loses **indentation** and syntax colouring. An image keeps
both, at the cost of being unselectable.

See [the size guides](/posts/) for per-platform dimensions.
Solarized · dark

Choosing a theme for Markdown

Use a theme with visible emphasis styling, or the headings and bold markers will not stand out from the body text.

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 Markdown, and 59 other languages

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

Download for macOS