Skip to content
Mosaic
Studio
Get the full version
AC
Avery Cole
Demo workspace
Signed in as Avery Cole (demo profile)
You're using a live demo of Mosaic, built by
Randy See
(opens in a new tab)
.
Get the full version →
✕
Minimise the demo banner
Mosaic studio: turn code into images
Your browser can't draw the preview. Try a current version of Chrome, Edge, Firefox or Safari.
Image size:
px at 1×
Export scale
1× scale
2× scale
3× scale
4× scale
Download PNG
Copy image
Copy share link
Code
File name (shown in the title bar)
Language
Auto-detect (TypeScript)
TypeScript
JavaScript
Python
Rust
Go
SQL
CSS
JSON
Bash
HTML
Code
// Rendered entirely in the browser export async function renderCard(snippet: Snippet): Promise<Blob> { const theme = themes.get(snippet.theme) ?? nightbloom; const canvas = new OffscreenCanvas(1200, 630); paint(canvas, snippet.code, { theme, padding: 64 }); return canvas.convertToBlob({ type: "image/png" }); }
7 lines · 320 / 12,000 characters
Tab moves focus; paste code with Ctrl/⌘ + V.