Free and open-source code image generator

Turn Code Into Beautiful Images

Create stunning code screenshots with customizable themes, backgrounds, and export options. Share your code in style.

+ more themes

example.tsx

const greet = (name: string) => {
  return `Hello, ${name}!`;
};

console.log(greet("World"));

Loved by 2,000+ developers

Everything you need

A powerful yet simple tool with all the customization options to make your code look perfect.

Automatic language detection with beautiful syntax highlighting for 20+ languages.

Choose from built-in themes or create custom backgrounds with gradients and solid colors.

Adjust padding, border radius, shadow depth, and toggle line numbers and window controls.

Export as PNG or SVG, copy to clipboard. Resolution presets from 1x to 4x for any use case.

See changes in real-time as you customize every aspect of your code image.

No sign-up, no watermarks, no limits. Start creating beautiful code images right away.

From raw code to stunning visuals in seconds.

Drop in any code snippet. Codion auto-detects the language and applies syntax highlighting.

Choose themes, backgrounds, fonts, padding, shadows, and more. See changes in real-time.

Download as PNG or SVG, or copy directly to clipboard. Ready for social media, docs, or presentations.

Start creating beautiful code images in seconds. No sign-up required.