Clean iPhone X Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Dribbble
If you’re presenting a landing page, this clean iPhone x mockup makes the idea feel real before anything is produced.
Good pick for UI freelancers, startup teams or anyone putting together a portfolio. Quick tip: screenshots with a white background can blend into the bezel; a thin shadow or darker UI reads better.
A screen inside a real device frame explains a product faster than a raw screenshot, which is why it shows up on so many landing pages and app store listings.
The file is made by a designer on Dribbble. The download button takes you to their page, where you get the original file and the licence details.
Clean iPhone X Mockup: editable parts
The PSD is layered, so you can change:
- Screen design, placed through the smart object
- Screen glare and reflection layers
- Device colour, where the file includes it
Editing the Clean iPhone X Mockup, step by step
- Pick one strong screen. It reads better than a crowded one.
- In the Layers panel, find the layer with the small smart object icon and double-click it.
- Place your design, hide the sample artwork, save, and go back to the main file.
- Change the background colour to fit your brand.
- Export with File › Export › Export As: JPG for sharing, PNG for the web.
Worth remembering: for app store or portfolio images, crop tight around the device so the screen fills most of the frame.
Best uses for this Clean iPhone X Mockup
- Make two or three colour versions of a website on mobile and let the client pick.
- Present an Instagram story design in a client proposal or brand guide.
- Share an app screen on Instagram, Behance or Dribbble with a real-looking preview.
Quick notes on this mockup
- Made by a designer on Dribbble. The download size and format are listed on their page.
- The preview shows the angle, background and lighting you’ll get.
- Check the licence on the author’s page. Personal and commercial terms differ from file to file.
- Check the smart object size before you design, so your artwork fits without stretching.
Need a different angle? The iphone mockups category has plenty more free PSD files.
Questions about this mockup
What licence does it come with?
A designer on Dribbble sets the licence, and it can differ from file to file. Many free files allow personal and commercial use, but some are personal-only or ask for credit. Read the terms on the download page before a paid project.
How do I add my design?
Open the file in Photoshop, double-click the smart object thumbnail, paste or place your artwork in the new tab, save it (Ctrl/Cmd + S) and close. The main file updates on its own.
Do I need Photoshop?
Yes. This is a PSD mockup built with smart objects, so you edit it in Adobe Photoshop. Any recent CC version works.
Which iPhone model is this?
The model is in the title. Screen sizes differ between generations, so always check the smart object size before exporting your screen.
