EdgeSquare is a web based online simulator for mobile edge-to-edge displays with notch or any other form of camera cutout.
Getting started
Enter the URL of your web application or use the demo app
Choose a device from the selector
Adjust colors as needed
Discover how your website/app REALLY looks on modern mobile phone displays
Good to know
Devices are defined by their available pixels (viewport size) and not their physical size. You can use the 'Device scale' toggle to get the approximate real size.
If your app/website/server uses the 'user-agent' of the browser to adjust the look (e.g. by loading a special version for mobile browsers) you need to work with browser extensions to simulate the correct behavior.