Studio Component Kit — 339 components, 15 categories
The complete interactive gallery. Hit Play for the drum lanes, arpeggiator and pads; click chord shapes, tabs and piano rolls to play them; tap any session clip or playlist block to launch its loop; drag every knob, fader and XY puck — now with a one-write-per-frame gesture pipeline. Build a signal chain, chord progression, riff, melody or score with a ghosted + to add and × to remove. Plug in a controller for sustained polyphonic MIDI (pitch-bend, sustain, device picker). Filter by Responsive or Desktop.
DJ & MIDI Controllers
Decks, CDJs, turntables, pad grids, MIDI keyboards, control surfaces, knob banks, beat-FX and performance pads — spinning jog wheels, tappable pads and a real XY filter. Now a built-in category of the main gallery.
Open DJ & MIDI →midi-device-ui project, bundled here as
dj-midi-controllers.html with spinning platters, jog wheels and VU meters.Full App (Vite dev server)
Your running application with the complete instrument set and real device functionality — Web MIDI connectivity, live device I/O and the full build. Opens your local dev server.
Open localhost:5173 →Take it further with Claude Code
Ready-to-paste prompts that push every component to the next level — liveness everywhere, richer tab notation, more sequencers/DAW, more FX, lyrics & follow-along, full interactivity, and uniting the DJ/MIDI set into this index.