Interactive piano keyboard UI widgets for Unreal Engine UMG. Build vertical or horizontal piano key interfaces for piano rolls, MIDI tools, music editors, learning apps, and runtime instrument UI.
Based On Enhanced UI Architecture.

Documentation

Join Discord

UMG Piano Keys is an Unreal Engine plugin for building clean, interactive piano keyboard interfaces in UMG.

It provides the piano-key UI layer that many music tools need: correctly arranged white and black keys, configurable note ranges, horizontal and vertical layouts, scrolling, scaling, labels, pressed-key visuals, and pointer interaction behavior. Instead of rebuilding piano keyboard layout logic from scratch, you can drop the widget into your UMG layout, configure the key range and orientation, style it to match your project, and connect it to your own gameplay, editor, MIDI, or audio logic.

This plugin is designed for developers building music-focused interfaces such as piano roll sidebars, MIDI tools, virtual instrument panels, sequencer tools, runtime music apps, and learning interfaces.

Core Features

• Vertical and horizontal piano key layouts

• White-key and black-key rendering

• Configurable MIDI note range

• Key size control

• Scrolling and scaling support

• Flip direction support

• Label display and styling

• Separate styling for white keys and black keys

• Pressed key visuals

• Pointer press, release, hover, and drag behavior

• External note state support for playback, selection, or tool state

• Zoom curve support

• Blueprint and C++ friendly API

• Built on Enhanced UI Grids