Phone Mockup Generator
Turn app screenshots into beautiful phone mockups for app stores, landing pages and social media. Pick a phone, layout and background, then download in high resolution.
How to use Phone Mockup Generator
- 1
Add your screenshot
Drop, paste or choose an app screen. Add a second screenshot for multi-phone layouts.
- 2
Choose phone and layout
Pick one of six phone designs, a single phone, two phones, a 3-phone fan or row, and a realistic, clay or flat style.
- 3
Download
Set the background, shadow and tilt, then download a PNG (transparent if you like), JPG or WEBP.
Free phone mockups for apps and websites
Show your mobile app, responsive website or social design on a phone in seconds. Drop in a screenshot and it fills the screen of a realistic phone, with rounded corners, camera cut-out and subtle glass reflection.
Six phone designs
- Phone: modern full-screen phone with a pill-shaped camera cut-out.
- Android: punch-hole camera and slim, even bezels.
- Notch phone: the classic wide notch.
- Classic phone: top and bottom bezels with a round home button.
- Minimal phone: a simple flat frame, ideal for illustrations and presentations.
- Foldable: an opened book-style foldable with a visible hinge.
Layouts for app store and marketing images
Use a single phone, 2 phones overlapping, a 3-phone fan or a row of three phones, and show a different screenshot on the side phones. Choose a realistic, clay or flat finish in any colour, plus gradients, mesh or transparent backgrounds, floating shadows and 3D tilt.
Tips
- Use screenshots in the phone’s own ratio (e.g. 1170 × 2532 or 1080 × 2400) for a perfect fit.
- Pick the 9:16 or 4:5 canvas for Stories and Instagram posts.
- For websites on desktop, try the Laptop Mockup Generator.
Everything runs in your browser and your screenshots are never uploaded. All phones are drawn by us with no brand logos.