IntroductionThe web piano is quick and easy way to test out your new midi controller. With MIDI coming to the web browser through the WebMIDI API, it has become easy to use MIDI controllers with the browser.Launch App
Built with & source code
ReactJS
MIDI
ToneJS Icon
ToneJS
TailwindCSS
MORE INFORMATIONThe web piano is quick and easy way to test out your new midi controller. With MIDI coming to the web browser through the WebMIDI API, it has become easy to use MIDI controllers with the browser.
Screenshot 1
Screenshot 1

You’ve reached the end. What would you like to do next?You can also checkout other projects of mine.

Project Showcase


ReactJS
NextJS
NodeJS
TailwindCSS

Music Pad

Fascinated by the Markov chain, I built an app that uses a markov stochastic model to generate music.
ReactJS
NPM
TypeScript

Connected Nodes

A visual node-graph managing library published as a npm package of react components.
ReactJS
MIDI
ToneJS Icon
ToneJS
TailwindCSS

Web Piano

A web-based piano that works with MIDI devices. Try out new MIDI controllers and have some fun.
TypeScript
NPM

PrototypedJS

A library to create mock API for UI prototypes.
ReactJS
MIDI
NodeJS
TailwindCSS

Musical Lights

An application for musicians to connect to their existing lights and create the stage setting without expensive equipment.