Common UI

import { Aside } from ‘@astrojs/starlight/components’;

Common UI is Epic’s cross-platform UI framework built on top of UMG, used in Fortnite and available as an engine plugin. It provides platform-agnostic navigation, input routing, and widget types.

BlueprintAI supports creating and configuring Common UI widget assets: CommonButtonBase, CommonTextBlock, CommonBorder, CommonListView, CommonTileView, CommonCarouselWidget, and others.

Creating Common UI widgets

Create a Widget Blueprint that extends CommonActivatableWidget called WBP_MainMenu in /Game/UI/Menus

CommonActivatableWidget is the standard base for full-screen Common UI panels.

Common Button

Add a CommonButtonBase called PlayButton to WBP_MainMenu Set the button style on PlayButton to ButtonStyle_Primary Wire the OnButtonClicked event to open the game level

Common Text

Add a CommonTextBlock called TitleText Set the text style on TitleText to TextStyle_Heading

Common UI text blocks reference UCommonTextStyle data assets for consistent typography across the project.

Input routing

Set the input mode of WBP_MainMenu to UIOnly when activated Add a back action binding that deactivates the widget

Common UI manages input focus automatically through the activation stack — widgets push themselves when activated and pop on deactivation.