shortformkit

3D Device Mockup Generator

Drop a screenshot, thumbnail or video and see it on a real iPhone, iPad or MacBook in 3D. Export a PNG with or without background.

Mockups make a portfolio post, a client pitch or a launch announcement look finished in seconds. Drop your image or video, pick the device and the angle, choose a background or keep it transparent, and save a high-resolution PNG up to 2560 pixels wide.

The devices are detailed 3D models of real hardware (iPhone 17 Pro, iPhone 15 Pro Max, iPad Pro 13 and MacBook Pro 16), rendered with real reflections and a soft floor shadow, so your screen sits behind real glass. Everything runs in your browser with WebGL: your files are never uploaded.

3D models under CC BY 4.0, modified: "iPhone 17 Pro" by Ranguel, "Apple iPhone 15 Pro Max Black" and "Ipad pro13in black m4" by polyman Studio, "macbook pro M3 16 inch 2024" by jackbaeten (lid rig by William Laverty), all on Sketchfab. Apple, iPhone, iPad and MacBook are trademarks of Apple Inc. This site is not affiliated with or endorsed by Apple.

How it works

  1. Drop your file Screenshot, thumbnail, poster or a video; for videos pick the frame with the slider.
  2. Pick device and angle iPhone, iPad or MacBook, flat, turned or hero 3D. Fine-tune with the sliders.
  3. Save the PNG Choose 1:1, 16:9, 9:16 or 4:5 and a background, or keep it transparent.

FAQ

Is there a watermark?

No. The PNG is yours, free for any use.

Are these real device models?

Yes. They are detailed 3D models of the real devices, shared by their creators under a Creative Commons license that allows commercial use. The credits are listed on this page.

What resolution do I get?

Up to 2560 × 1440 for 16:9 and 2160 × 2700 for 4:5, enough for Instagram, LinkedIn and presentations.

Can I use a Reel or a video?

Yes. Drop the video file and choose the frame with the slider. Need the Reel first? Download it with our Instagram Reel downloader.

More free tools

Last updated: 2026-10-13 · by Diego Brügger, Senior video editor, Zürich