{"id":13974,"date":"2026-05-16T09:52:53","date_gmt":"2026-05-16T07:52:53","guid":{"rendered":"https:\/\/store.algosyntax.com\/?post_type=download&p=13974"},"modified":"2026-05-16T10:23:00","modified_gmt":"2026-05-16T08:23:00","slug":"umg-piano-keys","status":"publish","type":"download","link":"https:\/\/store.algosyntax.com\/marketplace\/unreal-engine\/umg-piano-keys\/","title":{"rendered":"UMG Piano Keys"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

UMG Piano Keys<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Piano keyboard UI for Unreal Engine<\/h2>

Build clean, interactive piano key interfaces in UMG without rebuilding keyboard layout logic from scratch.<\/p>

UMG Piano Keys<\/strong> 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.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\"UMgPianoKeys
<\/div><\/figure><\/div>
\"InteractivePianoKeys2\"
<\/div><\/figure><\/div>
\"StyleUMGPianoKeysYourWay\"
<\/div><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t
\n\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Build piano UI faster<\/h2>

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

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

<\/p>

Is UMG Piano Keys a full piano roll?<\/h3>

No. It is a piano keys widget<\/strong>. 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.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

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

    Typical workflow<\/h2>

    1. Add the widget<\/h3>

    Place the piano key widget in your UMG layout.<\/p>

    2. Configure the keyboard<\/h3>

    Choose the orientation, note range, key size, and flip behavior.<\/p>

    3. Style it<\/h3>

    Customize white keys, black keys, pressed states, labels, and offsets.<\/p>

    4. Hook up your logic<\/h3>

    Connect input events, external note state, or tool data.<\/p>

    5. Ship a real piano keyboard UI<\/h3>

    Use it in your product instead of reinventing the same system again.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Made for music UI<\/h2>

    Use UMG Piano Keys for:<\/p>

    • piano roll sidebars<\/li>
    • MIDI tools<\/li>
    • virtual instrument UI<\/li>
    • music learning interfaces<\/li>
    • sequencer tools<\/li>
    • editor-style music workflows<\/li>
    • runtime audio applications<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
      \n\t\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      High-level API, piano-focused controls<\/h2>

      UMG Piano Keys hides the low-level grid system behind piano-specific settings.<\/p>

      You work with concepts like:<\/p>

      • piano orientation<\/li>
      • key size<\/li>
      • note range<\/li>
      • flip direction<\/li>
      • label mode<\/li>
      • zooming and scrolling<\/li>
      • pressed notes<\/li><\/ul>

        Not generic rendering internals.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

        \n\t\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t

        Style it your way<\/h2>

        Customize the keyboard to match your product.<\/p>

        Control:<\/p>

        • white key brushes<\/li>
        • black key brushes<\/li>
        • pressed key brushes<\/li>
        • label font<\/li>
        • label color<\/li>
        • label position<\/li>
        • label offset<\/li>
        • black key depth<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
          \n\t\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t

          Built for integration<\/h2>

          UMG Piano Keys is designed to fit into larger systems.<\/p>

          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.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

          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 […]<\/p>\n","protected":false},"author":1,"featured_media":13989,"template":"elementor_header_footer","edd-categories":[11,4],"edd-tags":[140,139],"class_list":["post-13974","download","type-download","status-publish","has-post-thumbnail","hentry","download_category-code-plugins","download_category-unreal-engine","download_tag-enhancedui","download_tag-userinterface","entry","has-media","edd-download","edd-download-cat-code-plugins","edd-download-cat-unreal-engine","edd-download-tag-enhancedui","edd-download-tag-userinterface"],"acf":[],"_links":{"self":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/edd-downloads\/13974","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/edd-downloads"}],"about":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/types\/download"}],"author":[{"embeddable":true,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/edd-downloads\/13974\/revisions"}],"predecessor-version":[{"id":13992,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/edd-downloads\/13974\/revisions\/13992"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/media\/13989"}],"wp:attachment":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/media?parent=13974"}],"wp:term":[{"taxonomy":"download_category","embeddable":true,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/edd-categories?post=13974"},{"taxonomy":"download_tag","embeddable":true,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/edd-tags?post=13974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}