🎉 Try Slides With Friends — Icebreakers, Team Building Games, Wordclouds & more! Check it out →

Free Website Mockup Pack

Free Website Mockup Pack Preview 1
  • Image Thumbnail
  • Image Thumbnail
  • Image Thumbnail
  • Image Thumbnail

Showcase your website with our beautiful free website mockups for Photoshop. With 4 unique scenes included, you can choose your favourite and even edit it to fit your needs. The default screen width is 1400 (width) x 2000 (height) pixels, however you can leave empty pixels if your screen capture is smaller and the mockup will automatically adjust the depth and shadows accordingly.

How to use

  1. Open 'Website Mockup X.psd' in Adobe Photoshop CS6 or newer
  2. Double click on the 'Mockup' smart object layer thumbnail
  3. Double click on the 'Screen X' smart object layer thumbnail
  4. Paste your screenshot into the smart object and delete the sample artwork
  5. Save and close the 'Screen X' smart object 
  6. Repeat steps 3-5 for all of the screens
  7. Save and close the 'Mockup' smart object layer and return to the main document

Please note that these mockups use the Blur Gallery (Tilt Shift) feature, and require Photoshop CS6 or newer for the full effect. If you use an older version of Photoshop, some of the blur effects will be missing.

Free License

Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLoot. Please note:

  • Attribution is required for free items. For a non-attribution license, please become a member or buy the full version.
  • You may not distribute or offer this set for download on other websites. Promotion is always appreciated, but please send people to this page.


Don't Miss Another Freebie - Sign Up for Our Newsletter!

Make sure you don't miss out on future free resources by signing up for our weekly newsletter.


You've successfully logged in!