Paste code into a mock editor window - line numbers, an optional macOS traffic-light dot bar, a filename in the title strip - then export the whole frame as a PNG.

Background gradient, editor color theme, padding, and font size are all adjustable with a live preview; the export renders the visible frame to canvas at 2x scale entirely in the browser, so nothing you paste is uploaded anywhere to produce the image.

How it differs from a real code editor

The code area is a plain textarea, not a syntax-highlighted editor - there's no language selector, and switching editor theme changes the window's background and a single flat text color, not per-token highlighting. The exported image is a solid-color monospace block in whichever theme is selected, not colored keywords, strings, and comments.

Pressing Tab inside the code field inserts four spaces at the cursor instead of moving focus to the next control, which matters if you're pasting an indented snippet and need to fix leading whitespace without leaving the field.

When you'd use this

Sharing a short snippet somewhere an actual code block would look plain - a tweet, a Slack message, a slide - where a styled screenshot reads better than raw text, and exact syntax coloring matters less than a clean, consistent look.

Frequently asked questions