Code to Image Studio

Create stunning code screenshots optimized for social media

Language

Window Title

Aspect Ratio

Height: 600px

Theme

Featured Themes

More Themes

Line Numbers

Show line numbers in code preview

Dark Mode

Use dark syntax colors

Theme Background

Show theme gradient background

Window Style

Background

Start

End

Angle: 135°

Font Family

Font Size: 14px

Padding: 64px

Border Radius: 16px

Shadow Blur: 64px

Width: 800px

code.ts

function fibonacci(n: number): number {
  if (n <= 1) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);
}

// Generate first 10 Fibonacci numbers
const result = Array.from({ length: 10 }, (_, i) => fibonacci(i));
console.log(result);
function fibonacci(n: number): number {
  if (n <= 1) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);
}

// Generate first 10 Fibonacci numbers
const result = Array.from({ length: 10 }, (_, i) => fibonacci(i));
console.log(result); 

code.makr.io