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