Capacitor Safe Area Simulator

Name: Capacitor Safe Area Simulator
Rating: 5 (2 reviews)
Author: martindonadieu

Simulates safe areas for Capacitor apps on the web, works for Ionic, Konsta UI and Tailwind Capacitor

As of May 2026, Capacitor Safe Area Simulator has 491 users and a 5.00/5 rating from 2 reviews in the Developer Tools category.

martindonadieu Developer Tools

Chrome Web Store ↗.crx

Users+5.6%

491

Rating0%

5.00

2 reviews

Reviews0%

Version

1.0.4

Manifest V3

History

2 snapshots

Tracking since Apr 24, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 24, 2026	465	5.00	2	1.0.4
May 19, 2026	480	5.00	2	1.0.4
Now	491	5.00	2	1.0.4

Permissions & access

Permissions: activeTabscriptingstorage
Host access: <all_urls>

Screenshots

Capacitor Safe Area Simulator screenshot 1

Capacitor Safe Area Simulator screenshot 2

Capacitor Safe Area Simulator screenshot 3

About

This extension simplify your development process by simulating a real device in your browser. It is useful for testing your capacitor designs on different devices.
Bonus you now don't need to install the capacitor app on your device. And reproduce the same design of your app on your device.

This extension is capable to simulate the safe area of the following frameworks:

- Ionic
- Konsta UI
- Tailwind with plugin Tailwind Capacitor

Each framework need to be added manually as we cannot override the safe area var of the browser.

The extension is capable to simulate the safe area of the following devices:
- Iphone 14 Pro Max
- Iphone SE
- Iphone XR
- Iphone 12 Pro
- Pixel 7
- Samsung Galaxy S8+
- Samsung Galaxy S20 Ultra
- iPad Pro
- Galaxy Z Fold 5
- Samsung Galaxy A51/71
- Samsung Galaxy S21
- Xiaomi Mi 11

Please contact us if you want to add a device to the list.