How to Choose the Right Device Frame for Your Mockup
The right device frame depends less on personal preference and more on where your product is actually used, and where the mockup will be published.
Try Mockly FreeMatch the frame to real usage
If most of your users are on mobile, an iPhone or iPad frame reflects real context. If your product is a web app or desktop software, Mac or Desktop frames are more accurate.
Consider the publishing platform
Vertical placements like Stories, Reels, and TikTok pair naturally with portrait iPhone or iPad frames, while landscape placements like YouTube or a website hero suit Mac, Desktop, or a wide no-device composition.
When no frame is the right call
The no-device option works well when you want the screenshot itself to read as a graphic element rather than a literal photo of a device — common for pitch decks, portfolio pieces, and minimal brand aesthetics.
Frequently asked questions
Yes, you can re-export the same screenshot in different device frames to test which one fits a given platform or audience best.
Yes, iPhone and iPad default to portrait while Mac and Desktop are landscape only, which should guide your aspect ratio choice before you start framing.
The main mistake is choosing a frame that doesn't match how the product is actually used — a landscape Mac frame for a mobile-only app can confuse viewers about the platform.