Portfolio Frame turns plain screenshots into polished, share-ready images, right in your browser. Capture a full tab, a code selection, or a single element, then add device mockups, backgrounds, and annotations (including a redact tool for blurring out secrets before you share). Export instantly as PNG, JPEG, WEBP, or SVG. Free to use, no account needed. Built for developers and designers who want their work to look as good as it actually is.
Hey Product Hunt 👋
I'm Sud, indie dev, built Portfolio Frame because I was tired of my screenshots looking like screenshots, flat, no context, nothing that made the work look as good as it actually was.
It's a Chrome extension: capture any tab, a code selection, or click a specific element on the page, then add device mockups, backgrounds, and annotations before exporting. It also handles code snippets and social post mockups from a blank canvas if you're not starting from a capture at all.
Free to use, no account needed. Pro is a one-time unlock (batch export + SVG), not a subscription.
I built this solo and I'm still actively shipping based on feedback, if something's missing or broken, tell me here and I'll take it seriously. Would genuinely love to know what you think 🙏
Report
Pretty cool product. Just gave it a test drive. Works pretty well. I liked the UX around directly pasting the twitter URL. One quick note I had was that some things that weren't marked as premium turned out to be premium. For instance in the brand section, the IP protection bit didn't have a lock icon but it seems to be a premium feature. Great product none the less and all the best.
@simplyshawn Thanks for the detailed test drive, genuinely useful. Good catch on IP Protection too, it's Pro-gated but missing the lock icon the other premium toggles show, that's an inconsistency I'll get fixed, not something intentional. Really glad the Twitter URL paste landed well. Appreciate you taking the time 🙏
Report
Does the covered part go over the original, or does it actually get erased? If I export it as an SVG, the layers will be separated, so I think I can remove them
@inhwa PNG/JPEG/WEBP exports are safe, the whole canvas gets flattened into a single image, so what's covered is genuinely gone, not just hidden underneath. SVG is a different story since it can keep more of the original layout info instead of squashing everything into flat pixels, and I want to check exactly what that means here before I tell you it's fine. Checking this properly right now and I'll reply back with the real answer rather than guess.
the browser-only, no-upload angle is the right call for a screenshot tool, since it means nothing sensitive ever leaves the tab. one thing I'm curious about: for the redact tool, is the blur applied client-side only, or does an exported PNG/SVG ever get generated through a server step where an unblurred version could briefly exist?
@galdayan No server step at all, that's the whole point of building it this way. Redaction, blur, and every export format (PNG, JPEG, WEBP, SVG) happen entirely in-browser via canvas rendering. There's no upload, no image data ever leaves the tab. The only network call anywhere in the extension is license key verification for Pro, which never touches image content.
Portfolio Frame
Pretty cool product. Just gave it a test drive. Works pretty well. I liked the UX around directly pasting the twitter URL. One quick note I had was that some things that weren't marked as premium turned out to be premium. For instance in the brand section, the IP protection bit didn't have a lock icon but it seems to be a premium feature. Great product none the less and all the best.
Portfolio Frame
@simplyshawn Thanks for the detailed test drive, genuinely useful. Good catch on IP Protection too, it's Pro-gated but missing the lock icon the other premium toggles show, that's an inconsistency I'll get fixed, not something intentional. Really glad the Twitter URL paste landed well. Appreciate you taking the time 🙏
Does the covered part go over the original, or does it actually get erased? If I export it as an SVG, the layers will be separated, so I think I can remove them
Portfolio Frame
@inhwa PNG/JPEG/WEBP exports are safe, the whole canvas gets flattened into a single image, so what's covered is genuinely gone, not just hidden underneath. SVG is a different story since it can keep more of the original layout info instead of squashing everything into flat pixels, and I want to check exactly what that means here before I tell you it's fine. Checking this properly right now and I'll reply back with the real answer rather than guess.
Forg
Really great pollished tool, I am using it personally ; )
Portfolio Frame
@whykislayThat's really great to hear!
Dial
the browser-only, no-upload angle is the right call for a screenshot tool, since it means nothing sensitive ever leaves the tab. one thing I'm curious about: for the redact tool, is the blur applied client-side only, or does an exported PNG/SVG ever get generated through a server step where an unblurred version could briefly exist?
Portfolio Frame
@galdayan No server step at all, that's the whole point of building it this way. Redaction, blur, and every export format (PNG, JPEG, WEBP, SVG) happen entirely in-browser via canvas rendering. There's no upload, no image data ever leaves the tab. The only network call anywhere in the extension is license key verification for Pro, which never touches image content.