Skip to content
DevLab

📸 Code Screenshot

Paste code, choose language, theme and gradient background, then export a beautiful PNG screenshot. Great for social posts and article hero images.

✅ 100% free · no signup · code is never sent to our server

🔒 About Privacy

example.js

📖 How to Use

  1. 1
    Paste code
    Paste your source code into the text area.
  2. 2
    Choose language, theme, background
    Syntax highlighting and colors update in the live preview.
  3. 3
    Save as PNG
    Click Download to save as PNG. Copy to clipboard also supported.

❓ FAQ

Is my code sent to your server?
No. highlight.js and html2canvas load from a CDN and run entirely in your browser.
Which languages are supported?
JS / TS / Python / Go / PHP / Ruby / Bash / JSON / HTML / CSS / SQL. highlight.js can also auto-detect.
What is the output resolution?
Same pixel ratio as the preview — 2x on Retina / HiDPI displays.

🔗 Related Tools