Beautiful by default

Turn code into artful PNGs

Paste or write code, pick a syntax theme and background, then export a crisp PNG ready for slides, docs, or social. No setup, no fuss.

Start creating See how it works

preview.png

// Your code becomes a shareable image
function greet(name) {
  return `Hello, ${name}!`;
}

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

PNG export up to 3x 20+ languages Local save

Crafted for clarity and style

Choose from popular highlight themes or go minimal. Your code stays legible and gorgeous.

const add = (a,b) => a + b;
export default add;

Pick a solid color, toggle window chrome, add soft shadows, and control padding for perfect framing.

print("High contrast looks great on dark backgrounds")

Export up to 3x pixel ratio for crisp slides and Retina screens. Everything happens in your browser.

Open the editor