Device Mockup Frame
Place a screenshot in a browser or smartphone frame and save it as a mockup image
도구를 불러오는 중…
🔒 Everything runs 100% in your browser. Your files and input are never uploaded to any server.
Place web or app screenshots into a Mac-style browser window or smartphone frame to create mockup images that look like they're running on a real device. With gradient backgrounds and shadows added, you can quickly produce visuals for App Store listings, portfolios, and presentation decks.
How to use
- Drag and drop the screenshot you want to turn into a mockup, or click to select it.
- Choose a frame type with the 'Browser' or 'Smartphone' tab.
- For the browser, set the address-bar text; for both, adjust the background (gradient, solid, or transparent) and padding.
- Check the preview, then save the mockup image with 'Download PNG'.
FAQ
- Is the screenshot I upload sent to a server?
- No. Both image compositing and frame rendering happen only on the browser canvas, and screenshots are never transmitted to or stored on a server. You can safely use private screen captures too.
- Can I save with a transparent background?
- Yes. Choose 'Transparent (PNG)' in the background options and the file saves as a transparent PNG with only the frame and shadow and an empty background. It layers naturally onto slides or other designs.
- Can I use any screenshot, landscape or portrait?
- Yes. The frame is drawn to match while preserving the screenshot's original aspect ratio, so both desktop captures (landscape) and mobile captures (portrait) become mockups without cropping.