Case study · 2026
Shot the Screen
Scroll
Shot the Screen
View live site- Year
- 2026
- Type
- code screenshot generator
- Tech stack
- Next.js 16 | TypeScript | Shiki | Vercel AI SDK | Gemini | Tailwind CSS 4 | shadcn/ui | Upstash Redis
- Status
- Featured project
Create beautiful code screenshots.
Paste a snippet, pick from multiple themes built on the color-block format, and export a polished, presentation-ready image as a PNG, an SVG, or straight to your clipboard — the open-source alternative to Carbon and Ray.so.
Scope & impact
- multiple themes share one color-block schema that drives the Shiki syntax highlighter and the UI chrome alike
- Upload any image to generate a matching theme — deterministically from its palette, or AI-designed by Gemini
- Fully client-side export via html-to-image to PNG, SVG, or clipboard, with shareable URL-synced editor state