Perspective Website Mockup

Favorite this

Showcase your website in the most beautiful way by using this simple (yet effective) website mockup. With 9 different screens that you can use at the same time, you can freely arrange any distribution you want. Choose between 2 different depths (10x or 20x), 3 different shadow types (normal, close and distance) and use any screen size up to 1920 (width) x 3500 (height) and the mockup will take care of the rest adjusting the depth and shadows accordly. There is no need to use the entire available canvas size, you can leave empty pixels if you screen capture is smaller, as this photoshop file will automatically set the depth and shadow values to adapt your screen size to the layout.

How to edit:

  • Open the “Perspective Website Mockup.psd” file in Adobe Photoshop
  • Double click on each of the Smart Objects layers thumbnails named “Screen 1”, “Screen 2”, “Screen 3”, etc
  • Place your website image in the new document, save it and close it (repeat this step for every Smart Object)
  • You can now arrange your screens until you get the distribution you are looking for

A quick tip:

Inside each layer group, you can turn off the "20" depth layer group to have a depth of just 10, and additionally turn on the "Shadow - 10" layer on to get the perfect shadow for that depth (remember to turn off all the additional shadows of that layer group)

Paid License

By purchasing or downloading this item you are agreeing to abide by all terms and conditions laid out in the MediaLoot License Agreement. View the full license >

Single Purchase


  • Get instant access to this item after purchase
  • Stored in your Medialoot account to re-download when you'd like
  • Simple, flexible license that gives you powerful options for your design

Join Medialoot Premium


  • Get instant access to this item plus all of our other resources
  • Updates for your products as long as you're a member
  • Simple, flexible license that gives you powerful options
  • Unlimited access to Medialoot's entire collection with subscription
  • New items added regularly, and we love member suggestions
  • Cancel your membership anytime and for any reason
Join Now

More from User Interface > Web


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.

Sign up to our Newsletter

Get site updates, freebies, and MediaLoot news.

Contact Us

Suggest a resource


See all

You've successfully logged in!