Free tools · Free tool

Code Card Generator

Paste a snippet and get a crisp, shareable image of it — window bar, filename, syntax colors, four themes and adjustable padding. Renders on a canvas in your browser and downloads as a PNG. No sign-up, nothing uploaded.

Your code

// Drive the whole studio from your agent
async function makeShort(topic: string) {
  const reel = await reelmint.createReel({ topic });
  await reel.script();      // draft + edit
  await reel.animate();     // motion scenes
  return reel.publish();    // one call, on your keys
}

Filename

Theme

Padding

Window barLine numbers

Runs entirely in your browser — nothing is uploaded, no account needed.

How it works

Three steps

Paste your codeAny language. A lightweight highlighter colors keywords, strings, comments and calls — no language picker to fiddle with.

Style the cardName the file, pick a theme and padding, toggle the window bar and line numbers. The preview updates as you type.

Download the PNGOne click saves a retina-crisp image — drop it in a README, a blog post, a slide or a social post.

FAQ

Common questions

Does my code get uploaded anywhere?

No. The card is drawn entirely in your browser on a canvas and the PNG is generated locally. Your code never leaves the page.

Which languages does the highlighter support?

It's language-agnostic — a small heuristic that colors keywords, strings, numbers, comments and function calls across most C-family, JS/TS, Python, Go and Rust code. It's a beautifier, not a compiler, so highlighting is close-but-not-perfect by design.

What resolution is the exported image?

It renders at 2× for crisp text on retina screens and social previews. Very long snippets are capped so the canvas stays a sane size — trim to fit if you hit the cap.

Can I use the images commercially?

Yes — they're your code and your image. Use them in docs, posts, slides or anywhere you like, no attribution required.

More free tools