This tool is free to use
If it saved you some time, consider buying me a coffee to support future updates.
Buy me a coffeeCodeSnap turns a code snippet into a polished, shareable screenshot — syntax-highlighted, wrapped in a mac-style window with a filename header, and set against a gradient background. Paste your code, pick a language for accurate highlighting, choose or build a gradient, and export as a PNG ready for Twitter/X, LinkedIn, or a blog post.
Choose from five built-in gradient presets or build a fully custom one — two or three colours and any angle. The optional language logo in the window title bar (pulled from the Devicon icon set) adds a recognisable touch for whichever language you're sharing.
Yes, completely free with no account or usage limit.
JavaScript, CSS, Python, HTML, Java, and PHP are available in the language selector, each with accurate syntax colouring powered by Prism.
No. Syntax highlighting and image generation both happen locally in your browser — your code is never sent to a server.
Yes — select "Custom Gradient" from the theme dropdown to set your own two or three colours and gradient angle, instead of using one of the five presets.
Image capture relies on the language logo (if enabled) loading successfully from its icon source. If your connection blocks that request, try disabling the "Logo" checkbox and downloading again.