KromaStudio

Paste your code → pick a syntax theme (Dracula, Catppuccin, Tokyo Night, etc.) → add a gradient background → export an HD PNG. Or drop a screenshot → wrap it in a macOS/Windows browser frame → add a headline overlay. Or compose a social post card (Tweet, LinkedIn, metrics card, etc.) — all from one editor. You can also export animated .webm loops (float, 3D tilt, auto-scroll) for Reels or Twitter. That part took longer than I expected to get right in the browser. A few things I cared about from day one: 100% client-side — your code never leaves your browser. No uploads, no account. Actually free — no watermark paywall, no "sign up to export." Fast — paste → export in seconds, not minutes I built it with Next.js 16, React 19, Shiki for syntax highlighting, and a lot of canvas/export edge cases (Safari OOM on mobile was… fun).