Better Piano Companion

♪Better Piano Companion web beta 1

Diagram Library

Loading diagrams…

loading app content…

checking for MIDI keyboard…

Text — works on any selected/clicked text on the page

Progression Chords: 4

Song sheet Bars: 8 Beats per bar: ♩= loop click drag a diagram onto a bar · drag a box to move it · drag its right edge to extend (into lower rows too) · double-click to fill the bar · ▶ plays it back Zoom

Resource 📦 premade packet · read-only

✓ completed

100% count-in click wait for me

0:00

✓ Exercise complete — nice work!

Course Exercises

Pages

Quick Start

Clears the ✓ marks so you can track today's practice.

Accent Ink Callout Font

Choose a page template

Progressions & song sheets

Reference & teaching

Structure

Import a chord chart

Paste any chart: chords over lyrics, "| C | G | Am F |" bars, [Verse]/[Chorus] headers, tabs with chord names, slash chords like C/E…

Upload a screenshot of a typed chart. Text is read in your browser (nothing uploaded anywhere), then parsed the same way. Clean, typed charts work best.

Choose a .mid file. Chords, key and Roman numerals are detected automatically and become an editable song sheet — clean MIDI (from notation apps or block-chord playing) works best.

Here's what I found — edit anything, then build:

One line per bar. Separate chords in the same bar with spaces. Lines starting with # are section labels.

Insert music symbol

I am a…

You can switch any time with the Player / Teacher switch at the top.

I want to…

Which key?

Copy Studio — every default text in the app

Edits apply immediately to the interface and to newly created pages (existing pages keep their text). To make them permanent, download the manifest and put it in your guide folder next to naming_manifest.csv — it loads automatically when you connect the folder. Placeholders like {KEY}, {REL}, {SIG} are filled in when a key packet is generated.