How to Add a Device Frame to a Screenshot
A raw screenshot rarely looks finished on its own. A device frame gives it instant context — here's how to add one in under a minute.
Try Mockly FreePick the frame that matches your product
Choose the device your product is actually used on — iPhone or iPad for mobile apps, Mac or Desktop for web apps and software, or no-device for a frameless, graphic-style look.
Adjust size and padding
Device size, padding, and corner radius are all adjustable so the frame fits your composition instead of the composition being forced to fit a fixed template.
Add motion if you want it
Once your screenshot is framed, you can optionally add a scroll animation — the same editor produces both a static framed image and an animated video from the same source.
Frequently asked questions
Yes, setting the scroll mode to "none" keeps the frame and background static, and you can export it as a still image if that's all you need.
Generally yes, since each device has a different native aspect ratio — a portrait iPhone screenshot won't look right forced into a landscape Mac frame.
The no-device option removes all hardware framing, keeping just your screenshot with a background and shadow, useful for a more graphic, less literal presentation.