PaperFrame

AI paper review thumbnail generator. Pixel art, 16 themes, single HTML.

Live Demo

---

Features

Feature	Details
Pixel Art 13 types	MLP, Transformer, Robot, Brain, GPU, Vision Eye, GNN, DNA/Sequence, Tokens/LLM, Diffusion, RL Agent, CNN, VAE
Color Themes 16	Classic Blue, Deep Teal, Royal Purple, Volcanic, Midnight Slate, Deep Forest, Amber Dusk, Deep Indigo, Cyberpunk, Arctic, Crimson, Tactical Olive, Rose Gold, Ocean Depth, Synthwave, Matcha
BG Code Types 5	x86 Assembly, Python/PyTorch, Hex Dump, CUDA/C++, Math Notation
Layout Controls	Window position (left/right/center), pixel size, BG density
Export	PNG 1200×630 (OG Image / YouTube thumbnail standard)
Randomize	Re-generate background code pattern
Config JSON	Copy settings as JSON for reproducibility

---

Quick Start

Option A: Use the live demo

https://jsonpassion.github.io/paperframe/

Option B: Run locally

open index.html          # macOS
start index.html         # Windows
xdg-open index.html      # Linux

Or with a local server:

python3 -m http.server 8080
# → http://localhost:8080

---

Output

• 1200 × 630 px — Open Graph Image standard
• Works for YouTube thumbnails, blog covers, GitHub README headers

---

Customization

Add pixel art

Add to the ARTS array in index.html:

function artMyTopic(ctx, x, y, w, h, t) {
  ctx.fillStyle = t.accent;
  ctx.fillRect(x, y, w, h);
}

const ARTS = [
  ...existing,
  { id: 'mytopic', name: 'My Topic', fn: artMyTopic },
];

Add color themes

const THEMES = [
  ...existing,
  {
    id: 'custom', name: 'Custom Theme',
    bg: '#1a1a2e', bg2: '#16213e', win: '#0f3460',
    text: '#ffffff', accent: '#e94560', dark: '#0a0a15',
  },
];

---

License

MIT — free to use, modify, and distribute.

Built by Jason Lee as part of the PaperGoat project.