Design inspiration curated from X

Been quietly building a browser based live audiovisual studio app f... - Lee Black

Published by Lee Black on August 10, 2026.

Been quietly building a browser based live audiovisual studio app for commercial use in @framer It listens to your music, analyses it in real time, then turns the frequency into visuals, type, glitches, motion, scene ch...

Design notes

Been quietly building a browser based live audiovisual studio app for commercial use in @framer It listens to your music, analyses it in real time, then turns the frequency into visuals, type, glitches, motion, scene changes, FX, and more. It’s node based. Connect audio, MIDI, visuals and behaviours together without needing a PhD in noodles. Build scenes. Chain FX. Map parameters. Make things react to sound and MIDI in near real time (milliseconds latency). Performance Mode splits your controls from the clean projector output where you see the knobs and chaos, everyone else sees the magic. Underneath: frankly ridiculous. To use: surprisingly simple. Code named Signaaal. Sneak peak

This entry is part of MotionVault's curated archive of interface, product, brand, website, and motion design references from public creators on X.

Image rights and licensing remain with Lee Black; use the original X post for source and licensing inquiries.

Deep Clone · React 19 + Framer Motion

Interactive Sandbox & Production Code

Reverse-engineered 1:1 component with spring physics, accessible keyboard controls, and modular Tailwind CSS.

https://northlight.design/sandbox/2086949571712999904
Launch Sandbox ↗

Reference details

Creator
Lee Black
X handle
@mrblackstudio
Published
August 10, 2026
Media
1 visual reference
Views
5,533
Likes
169
Bookmarks
65