Screen mockup for an image

Place a website or app screenshot inside a simple monitor frame, drawn directly with Canvas, to cleanly embed it in a presentation, portfolio or sales page.

PNG, JPG or WebP — ideally in landscape format

How it works

Presenting a raw screenshot on a sales page or portfolio often lacks visual context. This tool draws a stylized monitor frame (bezel, top bar, stand) directly on a canvas, then places your screenshot inside at the right scale, with no need for a pre-made mockup photo.

Is the result a true photorealistic mockup?

No, it is deliberately a simple, flat frame drawn with geometric shapes (rounded rectangles, circles), not a photo of a real monitor with reflections and perspective. This approach is quick to generate and works with any screenshot aspect ratio.

Can I use this mockup for a mobile app screenshot?

This frame is designed for landscape screenshots (websites, desktop apps). For a vertical smartphone screenshot, use our dedicated "Phone mockup" tool instead, which is better suited to that aspect ratio.

No screenshot is sent to a server: the mockup is drawn entirely in your browser.