Eidos FlexBox is a lightweight, production-ready layout system for UMG that brings the power and comfort of CSS-like flex layouts to Unreal Engine.
Create complex UI panels that automatically adapt to content size, screen resolution, and controller navigation — without fighting nested boxes or manual anchors.
Whether you're building menus, inventories, HUD elements, or data-driven content, Eidos FlexBox makes layout predictable, responsive, and easy to maintain.
🧱 Drop-in UMG container
Add a EidosFlexBox to any widget
Works in UMG Designer and runtime
Supports any child widget type
📐 Flexible alignment & distribution
Justify content: start / end / center / space-between / space-around
Align items: start / end / center / stretch
Direction: horizontal / vertical
Reverse direction options
🔄 Dynamic behaviour
Auto-layout on content changes
Auto-resize children
Works with scalable UI and DPI rules
Auto-adjusts to screen ratio
✂️ Gaps, padding & margins
Independent horizontal/vertical gaps
Per-child margins
Inner padding on the container
📦 Wrapping & flow control
Single line or multi-line
Wrap children to new rows/columns automatically
🛠️ Developer-friendly
Blueprint & C++ API
Clean module with minimal dependencies
Example content included
MIT/Apache-style code comments for easy extension
Conforms to Unreal layout lifecycle