Screen tools

Safe area CSS helper

Don't let notches and home bars break your layout. Safe areas are the invisible zones you need to respect to keep your UI usable on modern mobile devices.

We convert standard platform insets into ready-to-paste CSS, complete with environment variables and fallbacks.