function fibonacci(n) {
if (n <= 1) return n;
return fibonacci(n - 1) + fibonacci(n - 2);
}
const result = fibonacci(10);
console.log(`Result: ${result}`);Code to Image converts a snippet of source code into a beautifully styled, syntax-highlighted screenshot that you can share on Twitter, blogs, documentation, or your portfolio. Pick from popular editor themes like One Dark, Dracula, and Monokai, drop your code into the editor, and the tool renders a polished image with a window chrome and gradient background — all rendered in your browser with no upload required.
Paste or type your code into the code area on the right. Select the programming language so it can be syntax-highlighted — JavaScript, Python, TypeScript, Rust, Go, and 15 other languages are supported. Pick a theme and background gradient, choose whether to show macOS-style window controls and line numbers, and click Download to save the image as PNG, JPG, or SVG.
Plain code blocks on social media look flat, but a styled code screenshot stops the scroll. Use Code to Image to create snippets for X / Twitter threads, dev.to posts, Hashnode articles, README banners, conference slides, and YouTube thumbnails. Every export is high resolution and crisp on retina screens, with the option to download lossless SVG when you need infinite zoom.
All syntax highlighting and image rendering happens locally in your browser — your code never leaves your device. There is no watermark, no signup, no usage limit. Export in PNG for transparent backgrounds, JPG for smaller file sizes, or SVG for vector output that scales infinitely without quality loss.