Skip to content

SafeAreaX is a lightweight Godot plugin that automatically adapts your UI to fit within the device's safe area, preventing overlap with notches, rounded corners, and gesture areas on modern devices.

License

Notifications You must be signed in to change notification settings

godot-x/safe-area-x

Repository files navigation

Safe Area X - Logo

SafeAreaX

SafeAreaX is a lightweight Godot plugin that automatically adapts your UI to fit within the device's safe area, preventing overlap with notches, rounded corners, and gesture areas on modern devices.

Features

  • Automatically adjusts margins based on display safe area
  • Supports iPhone and Android cutouts
  • Optional debug overlay to visualize the safe area
  • Easy to integrate with existing UI layouts

Installation

  1. Copy the addons/SafeAreaX folder into your Godot project.
  2. Enable the plugin in Project Settings → Plugins.
  3. Add the SafeAreaX node to your scene and place your UI elements inside it.

Screenshot

Screenshot

License

This project is licensed under the MIT License.


Made with ❤️ by Paulo Coutinho

About

SafeAreaX is a lightweight Godot plugin that automatically adapts your UI to fit within the device's safe area, preventing overlap with notches, rounded corners, and gesture areas on modern devices.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

  •  

Packages

No packages published