🎵 MidiToys 🎵

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.

Korbinian Maag - Artibex Games

Modern design powerd by SvelteKit and TailwindCSS.

© 2025 Korbinian Maag - Artibex Games. All rights reserved.