Code to Image

greet.ts
1export function greet(name: string): string {
2 return `Hello, ${name}!`;
3}
4 
5const users = ['Alice', 'Bob', 'Carol'];
6users.map(greet).forEach(console.log);
156 / 8,000
API call
curl -X POST https://quillly.com/tools/code-to-image/api/generate \
  -H 'Content-Type: application/json' \
  -d '{
  "code": "export function greet(name: string): string {\n  return `Hello, ${name}!`;\n}\n\nconst users = ['\''Alice'\'', '\''Bob'\'', '\''Carol'\''];\nusers.map(greet).forEach(console.log);",
  "language": "typescript",
  "theme": "tokyo-night",
  "title": "greet.ts",
  "windowControls": true,
  "lineNumbers": true,
  "padding": 48,
  "width": 900,
  "background": "linear-gradient(135deg,#b9502a,#f59e0b)"
}'

Related free tools

Browse all tools
Image Generator

Generate OG images, X/Twitter headers, LinkedIn banners, YouTube thumbnails, and Instagram posts from HTML or presets. Free, in your browser.

Markdown to Image

Convert markdown to PNG screenshots for Twitter, LinkedIn, and blogs. 6 themes (light, dark, sepia, Dracula, Nord, Solarized), retina export. 100% client-side, free.

QR Code Generator

Generate QR codes as PNG or SVG for URLs, WiFi, vCard, email, SMS, phone, and more. Custom colors, sizes, error correction. Free, in your browser.

Markdown Editor

Write Markdown and preview rendered HTML in real time. Side-by-side editor with export.

QuilllyPublish it on your domain

Quillly hosts, scores and indexes your blog — written with your own AI.

Frequently Asked Questions

Where is my code processed?

Entirely in your browser. Nothing is uploaded to a server, so your code never leaves your device.

Which format is best for sharing?

PNG works everywhere — social posts, Slack, docs, and slides. Use a transparent background when you plan to place the snippet on a colored surface.

Can I use the images commercially?

Yes. The images you export are yours to use anywhere, including client work and paid content.

Which languages get syntax highlighting?

The common ones, including JavaScript, TypeScript, Python, Go, Rust, HTML, CSS, JSON, and SQL.

For developer content

Write a technical blog? Generate code cards automatically.

Quillly's MCP server lets your AI create technical blog posts with Carbon-style code screenshots for every snippet — styled, themed, and published to your domain.