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,#6366f1,#ec4899)"
}'

Free Code to Image API — Carbon Alternative

Turn any code snippet into a beautiful, share-ready screenshot. 8 hand-picked themes (Dracula, Nord, GitHub Dark, Tokyo Night, One Dark, Monokai, Solarized, GitHub Light), custom gradient backgrounds, window controls, and line numbers. Works for 10 languages with syntax highlighting: JavaScript, TypeScript, Python, Go, Rust, Bash, JSON, HTML, CSS, SQL. Free from our UI, or call the public API from your own code.

Who uses this

  • Devs sharing code on Twitter/X, LinkedIn, Mastodon — screenshots look way better than pasted code blocks
  • Technical bloggers & devrel teams — hero images for tutorials and release notes
  • Open-source maintainers — snippet cards for changelogs, READMEs, and launch posts
  • Documentation teams — marketing-grade screenshots for product pages
  • AI assistants — generate Carbon-style code cards programmatically via the API

Why an API?

Manual Carbon/Ray.so workflows break at scale. If you're building documentation, release notes, or marketing pages with dozens of code snippets, an API lets you batch everything: change one theme variable and regenerate every screenshot. AI assistants (Claude, ChatGPT, Cursor) can call the API directly and embed cards in the content they generate — no copy-paste handoff.

Using the API

POST to https://quillly.com/tools/code-to-image/api/generate with a code field. You'll get back a signed R2 URL (3-hour expiry) or raw PNG bytes if you set response: "binary". Full spec at /tools/api-docs.

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.