This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Daniel Maniés
Posted Jul 03 - Read on Facebook

Today I just played around with the MIDI component and this came out: http://share.framerjs.com/p4puenw1tyl7/

It's a visualization of pressing the keys on my MIDI keyboard. For every key a bubble appears and moves to the top. To keep it performant I destroy every single bubble after the animation.

To try it out with music just open Garageband, choose an instrument and keep it in the background.

And sometimes multiple bubbles per key appear, in this case just reload the prototype.

I hope you like it :)

1 Comments

Niels van Hoorn

Really cool!

Read the entire post on Facebook