Here's my submission for the Framer × Contra Hackathon!
After 4+ hours playing with Framer Workshop, I finally built the MIDI piano and drum controller I had in mind. It features realistic piano and drum sounds, octave shift & pitch bend controls, customizable key mappings for both piano and drum pads, numbered drum pads, power toggle functionality, & a custom display panel etc.
The process was challenging with all the audio synthesis and UI work, but incredibly rewarding when everything came together exactly as I wanted.
Im not a pianist, but I built this out of joy for musicians out there. I hope you enjoy it
Thanks to Framer & Contra for this opportunity to create something unique!
Preview:
https://midi-piano.framer.ai/
Remix:
https://framer.link/5z5mFE2
#framerhackathon #Framer #Contra