buncha/design/code-to-image

Code to Image

Code · JavaScript

1function greet(name) {
2  // Welcome the user
3  const message = `Hello, ${name}!`;
4  console.log(message);
5  return message;
6}
7
8greet('world');

Language

Theme

Window chrome

Background

Padding40pxCorner radius12px

Show line numbers

Read the guide

Sharing Code as an Image: Carbon, Ray.so, and the Open-Source Routes

Pairs well with

ASCII Art Generator

Image to text-art. Multiple character ramps, squar…

Barcode Generator

Generate Code 128, EAN-13 or UPC-A barcodes. Encod…

Border Radius Generator

Generate CSS border-radius with a visual editor.

Box Shadow Generator

Create and preview CSS box shadows visually.

About Code to Image

Paste code, get a polished screenshot for a tweet, blog post, slide or README. Inline syntax highlighting (JS / TS / Python / HTML / CSS / JSON / Bash), four themes (Midnight / Paper / Forest / Ocean), three window styles (macOS / flat / none), gradient backgrounds, padding and corner-radius controls. Export at 2× PNG. Same family as Carbon.sh / ray.so; client-side and ad-free.

Everything happens on your device. Close the tab and it's gone.