Device & Screen Mockups

Every device and screen mockup in this collection is built for Adobe Photoshop and uses smart objects. You drop your screen design into the smart-object layer, save, and it maps onto the device at full resolution. A working knowledge of Photoshop is all you need.

Each file gives you a layered Photoshop mockup with editable smart objects for the screen content, plus adjustable shadows and backgrounds where the scene allows. The collection spans laptops, phones, tablets and desktop screens, so you can present an interface across the devices your client actually uses.

Open the smart object for the screen, paste your design or artboard export at the indicated dimensions, then save and close. The mockup updates to show your work in context, ready to drop into a deck, a case study or a social post.

Product designers, UI and web designers, and studios presenting digital work to clients. They suit anyone who needs to show an app, a website or a screen design as a finished, believable object instead of a flat export.