Gallery

This example showcases all of the UI controls available in NoesisGUI to build applications.

View Google Play App Store
Gallery

Integration

Minimal integration sample showcasing how to integrate NoesisGUI into your own application.

View
Integration

Hello World

A minimalist multiplatform sample of NoesisGUI application using the Application Framework.

View
Hello World

Start Menu

Basic game front-end menu with buttons. This sample demonstrates how to set Visual States to customize the appearance of controls and how to use Command Bindings to hook events using MVVM style.

View
Start Menu

Login dialog

This example showcases how to use a TextBox and a PasswordBox to implement a login panel. Information entered by the user is gathered using MVVM and commands.

View
Login dialog

Quest log

This sample demonstrates how to use Data Binding to interact with data. The interface is populated by taking information from an ObservableCollection in the model class.

View
Quest log

Localization

This example demonstrates how to localize text using NoesisGUI and DataBinding.

View
Localization

Menu3D Demo

Classic videogame main menu with three panels showcasing how to smoothly transition between several XAMLs.

View
Menu3D Demo

Data Trigger

This Scoreboard sample demonstrates how to use DataTrigger and DataBinding to modify the appearance of UI elements depending on model property values.

View
Data Trigger

Unreal Shooter

This is a modified version of Epic's UE4 ShooterGame tutorial in which we've replaced the original UI - HUD and menus - with one made with NoesisGUI.

View
Unreal Shooter

NorthGame

This example simulates various selection and configuration screens of a strategy game.

View
NorthGame

Inventory

A slot-based RPG inventory system featuring easy interaction between a character and his items. Features Drag & Drop and Behaviors.

View
Inventory

Tic-Tac-Toe

The classic paper-and-pencil game for two players, implemented in NoesisGUI.

View
Tic-Tac-Toe

Background Effect

A demonstration of using the BackgroundEffect behavior to create a dynamic blurred background panel.

View
Background Effect

Brush Shaders

Brushes can be customized with a shader to define how elements are filled. This example shows how to generate procedural pattern brushes.

View
Brush Shaders

Video Effect

This sample demonstrates the use of MediaElement to play videos in combination with custom effects and blending modes.

View
Video Effect

Custom Render

This sample shows how to use OnRender and DrawingContext as a memory efficient way to render rectangles, lines, text or any arbitrary geometric shapes.

View
Custom Render

Rive

A showcase of using Rive vector graphics and animations in NoesisGUI, controlling them using bindings and interaction triggers.

View
Rive

World Space UI

World space UI brings your interfaces into the game world. It allows for true diegetic UIs, immersing your players like never before.

View
World Space UI