Device Mockup Generator
Frame a screen design inside a phone, tablet or computer outline.
Quick answer: enter your details below and click Generate mockup — your result appears instantly, right here in your browser. Nothing you enter is uploaded or stored.
D
Image & Design
Enter your details below.
How to use
- Choose a device.
- Set the screen colour and title.
- In a browser, view and download the framed mockup.
About this tool
Choose a device and colours, and this tool reports that device's screen size and lays out a mockup frame in the browser. It is a presentation frame, not a real device screenshot, so it suits slides and portfolios.
Frequently asked questions
Are these real device pixel sizes?
They are common logical screen sizes for presentation, not every model's exact hardware pixels.
Can I put my own screenshot inside?
This simple version frames a coloured screen with a title; a screenshot needs an editor.