Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Showcase my portfolio on different devices

Featured Replies

Hi everyone, 

I am creating a portfolio section on my website and want to make a showcase with my website projects displayed on different screens.

I have tried to download a transparent png of monitor and phone and then pasted in my screenshots of the site but it doesn't look as good as examples I find online. 

Is there a tool/website that lets me put in an adress to my website and then it will show how it looks on different screens, which I can then download as an image? I have searched but not found anything. If not, how are you creating these nice showcases? 

Ps. It doesn't really have to be different devices, just a monitor could be enough in this case. 

Edited by eligolf

You can do this with firefox as well.

Right click to inspect code and you have the options to view in a variety of devices.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.