KromaStudio

Turn code snippets into aesthetic screenshots & mockups

1 follower

Turn code snippets into aesthetic screenshots & mockups

1 follower

•

•

KromaStudio is a free, client-side visual studio for developers. Paste code → pick from 15 syntax themes → export HD PNG. Drop a screenshot → wrap in macOS/Windows browser frame. Animate with Float, 3D Tilt, or Auto Scroll → export loopingwebm. Three modes: Code, Mockup, and Social post templates. No signup. No server uploads. Your code never leaves the browser. Built with Next.js, React, and Shiki. MIT Open Source.

Free

Launch tags:Design Tools•Open Source•Developer Tools

Launch Team / Built With

FramerLaunch websites with enterprise needs at startup speeds.

Promoted

Maker

📌

Hey Product Hunt! 👋 I'm Ritesh, solo maker of KromaStudio. I built this because I was tired of two bad options every time I wanted to share code on Twitter: 1) ugly grey VS Code screenshots, or 2) opening Figma for 15 minutes just to add a gradient. KromaStudio is a free, 100% client-side browser tool: → Paste code → 15 syntax themes → export HD PNG → Drop screenshot → macOS/Windows browser mockup → Animate → export looping .webm → No signup, your code never leaves the browser It's ~1 week old — very early! Would love brutal feedback: - Is the first visit intuitive? - What's missing vs Carbon/Ray.so? - Would you actually use this for your posts? Try it: kromastudio.in Happy to answer anything about the build 🙏

Report

6d ago