Code to Image (Code Screenshot)

Turn code into a beautiful syntax-highlighted image with a window frame and gradient — perfect for social posts.

How do I make an image of my code?

Paste your code, pick the language (or let it detect), a theme and a background, and press Create image. The code is highlighted with highlight.js and drawn at 2× resolution with a macOS-style window frame, ready for X/Twitter, LinkedIn, slides and docs.

Tips

Keep snippets short (under ~30 lines) so they are readable on phones.
Add a file name as the window title for context.
Also share the code as text somewhere — images are not accessible to screen readers or copy-paste.

Frequently asked questions

Which languages are supported?

JavaScript, TypeScript, Python, PHP, HTML, CSS, JSON, Bash, SQL, Java, C#, Go, Rust, C/C++ and more via auto-detect.

Is there a watermark?

No.

Is my code uploaded?

No.