I frequently see the question, how do I get an image of my website inside a phone or a tablet, desktop or all three? The purpose of these mock ups is to display your portfolio, or show off favorite websites.

There was a thread in the Facebook Group that listed a website mockup few options. Of course I want to share to help you, and more importantly because I want to remind myself. I am a gold medal forgetter, and I am always asking Andrew to remind me of that site where we can mock up our website inside a device. If I write the post and share it, there is a chance I will remember that I wrote this, or I could do a Google search and this post will pop up 🙂


Am I Responsive? The screen shot below is what you will see when you put your url into their system. The purpose is to see how your website will look on each of the various devices.

 I Am Responsive | Tools to Show Off Your Websites

Smartmockups This one gives you a view of your website on various computer screens. Filter their options via desktop, laptop, tablet, phone or even a watch. The settings are very pretty and highly stylized.

desktop views of websites | Smartmockups

Magic Mockups

Magic Mockups | Website Mock Up Tools

MockDrop MockDrop is similar to Smart Mockups, allowing you to filter by device and the setting of the device.


To get a full screen photo try these tools:

Please leave a comment if you have other options that aren’t listed here. Thank you.

EIleen Lonergan
Eileen Lonergan was an integral part of this company. Unfortunately, Eileen Passed away on the 31st of October 2018 after a short battle with Cancer. She leaves behind the legacy of the Divi Theme Users Group and hundreds of people that she helped through coaching, building outstanding websites and just being - accessible. We miss her every day!
Click to access the login or register cheese

Subscribe To Our Newsletter to get the latest news and product updates

You have Successfully Subscribed!

Pin It on Pinterest

Share This