DevShots

Beautiful code screenshots for developers - paste your code, style it, export it.

Live Demo -> devshots-phi.vercel.app

---

Features

• 22+ syntax themes - One Dark Pro, Dracula, Tokyo Night, Catppuccin, and more
• Beautiful gradient backgrounds - 21 hand-picked gradients + solid/transparent
• Window styles - macOS, Terminal, or clean borderless
• One-click export - PNG (high-res), SVG (scalable), or copy to clipboard
• Fully local - no API calls, no uploads, works offline
• Keyboard shortcuts - Ctrl+Shift+C copy / Ctrl+Shift+S save PNG

Tech Stack

• Shiki - VS Code-grade syntax highlighting
• html-to-image - high-res PNG/SVG export
• Playwright - 84 automated tests

Run Locally

git clone https://github.com/terminalchai/devshots.git
cd devshots
npm install
npm run dev

Open http://localhost:5173

Tests

npx playwright test

84 tests across Desktop, Tablet, and Mobile viewports.

---

Built by Terminal Chai