Jaime

Coffee Piano - Browser music and piano studio with visual harmony tools

by
Most harmony tools are too theoretical or too simple. Coffee Piano combines a real piano studio, sampled Piano & Rhodes, MIDI, sustain pedal , with a visual harmony engine. Orbit visuals show scales and chords as circular maps. A harmony map reveals voice leading and chord function. Reharmonize in one click per bar or full progression. Guitar diagrams sync to every chord. Works in the browser, no install, bilingual UI.

Add a comment

Replies

Best
Jaime
I built Coffee Piano because there was no tool that let you hear a chord idea, see it as a visual map, and understand the harmonic logic behind it, all in the same place. Most tools are either a sound engine with no theory, or a theory reference with no sound. That disconnect is what Coffee Piano solves. It brings harmony to life visually through orbital scale and chord maps, a real piano and Rhodes engine with MIDI, smart progression generation, reharmonization, and guitar diagrams, all in the browser. Built for musicians who think in harmony, not just in notes. Would love to hear your thoughts.
Andrew Baronick

Pretty cool i dig it. Your chord variations are using guitar tabs which i found a little weird for a piano app but as a player of both i can see the advantage there. In general its a cool product with some cool things to offer.

Im not an expert at marketing but maybe throwing the price around so much might hurt. The price point i think is fair its just that its mentioned everywhere on the site, but i do get that a lifetime is unheard of these days haha. Again i am no expert at all its just my opinion. As for the app itself the visuals are really great and a beautiful way of seeing all this theory. Good luck!

Jaime

@andrewb23 Thanks! Fair point on the guitar diagrams, it's intentional actually. A lot of pianists also play guitar or teach both, so having the same harmony reflected on the fretboard saves a lot of back and forth. I play both too.

And noted on the pricing visibility, good honest feedback, I'll take a look at the balance. Appreciate you taking the time to dig in properly.

Nithin Raju

The visual harmony approach looks very beginner friendly.

Jaime

@nithin_raju1 Thank you. That's exactly the goal... harmony should feel intuitive before it feels technical. Glad it comes through visually.

Art Stavenka

Pulled up the orbit visual and got why you went circular for scales. Symmetry that's invisible on a keyboard becomes obvious on a circle right? When you reharmonize a bar, does it stay diatonic by default?

Jaime

@artstavenka1 Exactly, that’s the idea. On a keyboard, C major and A minor look like different shapes; on the circle the same key family sits as one symmetric ring, so scale/chord relationships pop immediately....yes reharmonizing a bar stays on the same harmonic degree by default. “Enrich all” works the same way across the progression.

Adana Marukhyan

@adictum very interesting!
Do you have to be a pro musician, or you can figure it out even if you're an amateur?

Jaime

@adana Thank you! Any level, the progression generator lets you choose your skill level, so you can start with simple basic triad chords and work your way up to extensions and jazz chords at your own pace. No music theory background required to start having fun with it!

Adana Marukhyan
@adictum sounds good! will try 😊
Zanc Zhao

The visual map is a cool idea, but I'm confused on what it actually represents. Especially the second picture.

Jaime

@zanc_zhao You’re right, chord lens is confusing at first glance and that’s on us. We’re adding a short explainer in the app.

When you click a bar, the chord in the middle is what’s playing there now. The circles around it are optional swaps, not random chords. The inner ring is the closest options, same degree or strong functional moves like tritone subs. The outer ring is more color options that still share notes with the center. The violet ring is the parallel key, so if you’re on Am you might see chords from A major. Thanks!