UMG Piano Keys

Piano keyboard UI for Unreal Engine

Build clean, interactive piano key interfaces in UMG without rebuilding keyboard layout logic from scratch.

UMG Piano Keys is a focused Unreal Engine plugin for creating piano keyboard widgets for music tools, piano rolls, MIDI interfaces, learning apps, and runtime instrument UI. It is based on the Enhanced UI Architecture, Specifically, it used Enhanced UI Grids.

UMgPianoKeys Banner
InteractivePianoKeys2
StyleUMGPianoKeysYourWay

Buy UMG Piano Keys

About License Types
Available On Fab.com

Best value

Also in the Music, MIDI & Animation Bundle

Get UMG Piano Keys as part of MIDI Engine 4 PRO, together with VST3 audio hosting, sound design tools and procedural animation tools, in one purchase.

See the bundle →

Build piano UI faster

A piano keyboard needs correct white-key and black-key layout, overlapping key shapes, labels, input events, styling, orientation, flipping, and scrolling and scaling.

UMG Piano Keys handles that foundation for you, so you can focus on the product around it.

Is UMG Piano Keys a full piano roll?

No. It is a piano keys widget. The white and black interactable keys.
It is designed to solve the piano keyboard part cleanly so it can fit into larger music UI systems such as piano rolls, editors, and note tools.

Core features

  • Vertical and horizontal piano key layouts
  • Scrolling and Scaling
  • White and black key rendering
  • Configurable MIDI note range
  • Key size control
  • Flip direction support
  • Label display and styling
  • Separate white-key and black-key styles
  • Pressed key visuals
  • Pointer press, release, hover, and drag behavior
  • External note state support for playback or selection
  • Zoom curve support
  • Blueprint and C++ friendly API
  • Based on EnhancedUI Grids

How to use

1. Add the widget

Place the piano key widget in your UMG layout.

2. Configure the keyboard

Choose the orientation, note range, key size, and flip behavior.

3. Style it

Customize white keys, black keys, pressed states, labels, and offsets.

4. Hook up your logic

Connect input events, external note state, or tool data.

5. Ship a real piano keyboard UI

Use it in your product instead of reinventing the same system again.

Made for music UI

Use UMG Piano Keys for:

  • piano roll sidebars
  • MIDI tools
  • virtual instrument UI
  • music learning interfaces
  • sequencer tools
  • editor-style music workflows
  • runtime audio applications

High-level API, piano-focused controls

UMG Piano Keys hides the low-level grid system behind piano-specific settings.

You work with concepts like:

  • piano orientation
  • key size
  • note range
  • flip direction
  • label mode
  • zooming and scrolling
  • pressed notes

Not generic rendering internals.

Style it your way

Customize the keyboard to match your product.

Control:

  • white key brushes
  • black key brushes
  • pressed key brushes
  • label font
  • label color
  • label position
  • label offset
  • black key depth

Built for integration

UMG Piano Keys is designed to fit into larger systems.

Use it as the piano-key layer inside your own piano roll, sequencer, MIDI editor, or music tool. It provides the keyboard UI foundation while your product owns the higher-level workflow.