Korbinian Maag | Artibex

🎵 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

MidiToys Interface - Main View — Main interface with MIDI channel controls

MidiToys Interface - Toy Settings — Toy configuration panel

MidiToys Interface - Visualizer — Visualizer #1 in action

MidiToys Interface - Preset Manager — Visualizer #2 in action

MidiToys Interface - Additional View — 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.