Unreal Engine 5 C++: Advanced Frontend UI Programming
Intermediate LevelDevelopment

Unreal Engine 5 C++: Advanced Frontend UI Programming

Create AAA Frontend UI/Menu Experience in Unreal Engine 5 using C++ and Common UI

Created by Vince Petrelli
27.5 hours
Video Content
209
Lectures
971
Students
4.8
Rating
4.8
(971 students enrolled)

What you'll learn

Set up a modular UI framework using Unreal Engine 5's Common UI system and C++
Create and manage widgets using widget stacks with gameplay tags and async loading
Develop a fully functional options menu
Tab navigation, Dynamic details panel, Modular setting categories
Game User Settings system for saving/loading config values
Build a complete input remapping system
Use input preprocessors to detect and process player input dynamically
Start Up and In-Game Loading Screen
Utilize Common Activatable Widget, Widget Stacks, Common Text Block and more
Custom Data Objects for List View Item generation

Course Content

10 sections • 209 lectures • 27:29:42 total length

Introduction

5 lectures • 15:05

Introduction05:02
Some Common Questions You May Have...01:09
What is Common UI?04:47
Create a C++ Project03:45
How to Get Help?00:21

Set Up Common UI

20 lectures • 02:35:59

Set Up Common UI Section Overview01:15
Set Up Test Map04:35
Frontend Player Controller07:09
Set View Target10:30
Widget Stack Gameplay Tags10:17
+15 more lectures

Main Menu

25 lectures • 03:37:42

Main Menu Section Overview01:37
Get Desired Input Config04:11
Common Button Base13:56
Button Widget Blueprint06:37
Main Menu Widget04:40
+20 more lectures

Options Menu

15 lectures • 02:08:45

Options Menu Section Overview00:59
Set Up Options Screen07:42
Custom Bound Action Buttons14:31
Binding Bound Action Buttons08:43
Common Tab List Widget13:13
+10 more lectures

Gameplay Tab

41 lectures • 06:23:13

Gameplay Tab Section Overview02:15
Common List View10:45
List Entry Widget Base08:34
List Entry Widget Blueprint06:29
String Data Object08:54
+36 more lectures

Audio Tab

23 lectures • 02:28:26

Audio Tab Section Overview01:20
Header List Entry05:42
Header List Entry Widget Blueprint08:38
Find Child List Data Recursively09:21
Is Item Selectable Or Navigable05:37
+18 more lectures

Video Tab

29 lectures • 03:41:31

Video Tab Section Overview02:22
Challenges Ahead04:42
Run Hardware Benchmark04:27
String Enum Data Object06:37
Construct String Enum Data Object08:12
+24 more lectures

Control Tab

29 lectures • 04:03:06

Control Tab Section Overview01:26
Challenges Ahead05:46
Register Input Mapping13:37
Query Mappable Keys13:10
Filter Mappable Keys05:32
+24 more lectures

Loading Screen

19 lectures • 02:12:18

Loading Screen Section Overview01:22
Start Up Loading Screen05:35
Loading Screen Settings08:50
Loading Screen Widget Blueprint06:54
Loading Screen Subsystem10:35
+14 more lectures

Congratulations

3 lectures • 03:33

Animated UI Background00:45
Where to go from here?02:40
Continue your C++ journey...00:07

Description

In this comprehensive course, you’ll build a fully-featured, AAA-quality frontend UI system entirely from scratch using Unreal Engine 5’s Common UI framework and C++. From layered menus to full gamepad support, you’ll learn how to create immersive and modular interfaces designed for real-world projects.


You’ll start by setting up the core UI foundation. We’ll create a primary layout widget, register widget stacks using gameplay tags, and implement asynchronous functions for pushing widgets onto the screen. Once that’s in place, you’ll build a responsive “Press Any Key” screen and display it using your new widget flow.


Next, you’ll create a dynamic main menu system. We’ll use Common UI buttons backed by native C++ classes to add contextual button descriptions, action buttons, and a flexible confirmation screen. We’ll also ensure full gamepad support is seamlessly integrated. Along the way, you’ll learn how to structure UI features in a modular, reusable way for both Blueprint and C++ projects.


Once the core menu is complete, you’ll move on to building a robust options menu. This system will feature tab buttons at the top, a detailed view panel on the right, and support for multiple settings categories including gameplay, audio, graphics, and input. You’ll learn how to combine data objects with Unreal’s Data Registry system to dynamically populate the UI.


After setting up the structure, we’ll focus on functionality. You’ll implement logic to reset values to default, customize how list entry widgets are generated, and create a custom Game User Settings system to store and load player preferences from config files.


With that foundation in place, we’ll dive into creating audio and video settings. You’ll add controls for adjusting window mode, resolution, shadow quality, frame rate limit, and more—while managing data dependencies and conditional logic properly for a clean, scalable architecture.


Finally, you’ll implement startup and in-game loading screens that integrate seamlessly into your project’s UI flow, giving players a polished experience from launch to gameplay.

Who this course is for:

  • Learners who want to deepen their knowledge of UI programming with C++ and Common UI
  • Learners who want to build production-ready, scalable, and modular UI architectures
  • Learners whose projects require layered menus, settings, and gamepad support
  • Learners ready to transition to a C++ based, more powerful and flexible UI framework
  • Learners who need reusable UI modules like options screens, input remapping, and loading screens

This course includes:

  • 27.5 hours on-demand video
  • 15 articles
  • 3 downloadable resources
  • Access on mobile and TV
  • Full lifetime access
  • Certificate of completion

Instructor

Vince Petrelli

Students also download

Explore related courses to expand your learning journey.