How to use
- Paste your code snippet, pick a quick example, or drag and drop a source code file.
- Select a language (or keep auto-detect), pick your window style (macOS / Windows / Minimal), and choose a background gradient.
- Fine-tune padding, corner radius, box shadow, and toggle line numbers.
- Click "Copy Image" to copy directly to your clipboard or download in PNG, WebP, or SVG format.
FAQ
Is my source code sent to any server?
No. All syntax highlighting, styling, and image rendering happen entirely inside your browser using Prism.js and HTML5 Canvas. Your code never leaves your device.
What programming languages are supported?
TypeScript, JavaScript, Python, Go, Rust, HTML, CSS, SQL, and Bash/Shell are natively supported with intelligent auto-detection.
Why export to SVG?
SVG is an infinite-resolution vector format. It embeds directly into Figma, Illustrator, web pages, and slide decks without any pixelation or blur.
What are the 2x and 4x scaling options?
2x provides crisp, high-density graphics for Retina and mobile screens. 4x is ideal for print media, posters, and 4K conference presentations.