Beautiful code snippets for your GitHub README
Plain fenced code blocks are fine — but a styled screenshot above the fold makes a repo feel finished. Export a themed image, commit it to the repo, and embed it in markdown.
Markdown embedding that just works
Export a PNG, drop it in /assets, and reference it with standard markdown image syntax. Prefer SVG for docs-style READMEs: it stays sharp when GitHub serves it at any width and keeps file sizes tiny.
Dark and light mode done right
GitHub renders READMEs on both light and dark backgrounds. Use the Paper theme for light-first repos, Midnight for dark-first, or ship both files with a <picture> element switching on prefers-color-scheme.
Beyond the README
The same exports level up CONTRIBUTING.md examples, GitHub Pages landing sections, issue templates, and release-notes highlights — one consistent visual language across the repo.
How to turn code into a polished image
ClawRecall runs entirely in your browser, so nothing to install and no account needed. TypeScript, JavaScript, Python, Go, Rust, SQL, JSON, and more are all syntax-highlighted automatically.
- Paste or type your snippet into the editor.
- Pick a theme — every palette has hand-tuned syntax colors.
- Choose a preset size built for X, LinkedIn, Instagram, or blog headers.
- Export a retina-sharp PNG or scalable SVG, or copy it straight to your clipboard.
Frequently asked questions
Can I put an image of code in a GitHub README?
Yes. Commit the exported PNG or SVG to your repository and embed it with  anywhere in the README markdown.
PNG or SVG for READMEs?
PNG is the safe default everywhere. SVG is sharper and lighter — use it for wide snippets, and test rendering since some markdown sanitizers restrict SVG contexts outside camo-proxied repo assets.
How do I match dark mode automatically?
Export two versions — one light theme, one dark theme — then wrap them in an HTML <picture> tag with source media="(prefers-color-scheme: dark)". GitHub honors it natively.
Related tools
Ready to try it?
Open the editor, paste your code, and export a polished image — free, no signup.
Open the editor