All templates
DevelopersCode · PNG

Code that looks intentional.

Drop a snippet into a macOS terminal or window frame with authentic traffic lights. Export a crisp image for threads, docs, and portfolios.

Free to try · Customize everything

exportPNG.ts
const frame = "macos";
exportPNG(frame, { scale: 2 });

What this layout sets up

  • macOS window with traffic-light chrome
  • Syntax-friendly dark canvas defaults
  • Privacy blur for keys before you post

How it works

Three moves from this template to a post.

01

Open

Jump into the editor with this look as your starting point.

02

Paste

Drop your screenshot or code. Adjust chrome, stage, and annotations live.

03

Export

Download a retina PNG, JPEG, or WebP, or copy to the clipboard.

More templates

16:9 · PNG

X / Twitter post

View

1.91:1 · PNG

LinkedIn carousel

View

Browser · PNG

Safari browser

View

Paste. Frame. Export.

Open the editor, drop a screenshot, and leave with a retina PNG. Framing stays in your browser until you download.

Free to try · No account required · Screenshots stay local