Skip to content

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/safe_area_x 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

Sponsor this project

  •  

Packages

 
 
 

Contributors