Create visuals in your browser powered by your MIDI devices
Overview 📖
A website built with Astro Webframework, SolidJS, JavaScript, TypeScript, and Paper.js to create a visualizer that can be controlled via MIDI hardware. No installation required - all modern browsers can run this web app directly.
Features 🚀
•Support for 16 MIDI channels
•Apply toys to channels with lots of settings
•Save and load toy presets
•Download or upload toy presets in .json format
•Keyboard mapping available for channel 1
Screenshots
Main interface with MIDI channel controls
Toy configuration panel
Visualizer #1 in action
Visualizer #2 in action
Visualizer #3 in action
Video Examples
MidiToys Demo + AI-generated visuals #1
MidiToys Demo + AI-generated visuals #2
Playlist: MidiToys – Video 1
Playlist: MidiToys – Video 2
Playlist: MidiToys – Video 3
Playlist: MidiToys – Video 4
Documentation Preview
MidiToys – Documentation
Preview the PDF. Use the Download button below to save it.