Musevis

A VJ visualizer for DJ sets: circles, triangles and squares that move to your music
one HTML file · runs in the browser · free and open source

Open Musevis · Run it locally · How it was made · More tools

---

Musevis is a music visualizer for VJ sets: it listens to the room, finds the beat and moves a field of simple shapes with the music. Put it on a projector behind the decks and hide the panels.

What it does

• Listens. Live input from a microphone or a line in. Musevis detects the BPM, splits the sound into bands (sub, bass, mids, highs) and feels every hit
• Moves. 22 behaviors: swarm, flock, orbit, ripple, shock, jelly, strobe, rain, turbulence, pendulum and more. Each one answers the beat in its own way
• Builds a set from layers. Every layer has its own bodies, physics, opacity and blend. Stack them, solo them, hide them
• Forms. Bodies gather into a symbol or into any word you type, then scatter again
• One gesture for character. A motion pad sets how fast things move and how they arrive; one Chaos knob loosens everything
• Sound into shapes. Circles answer the bass, triangles the highs, squares the mids
• Camera. Bring a camera in, as a layer or inside the shapes, with duotone, posterize and mirror
• Your own shapes. Drop in an SVG or an image and it becomes a body
• Scenes. Eight scene slots, export and import as JSON; after a reload, one click brings the last session back

Run it

In the browser: open robvagin.github.io/musevis, press ARM and allow the microphone. Built and tested in Chrome.

Run it locally

git clone https://github.com/robvagin/musevis.git
cd musevis
./serve.sh

It opens http://localhost:8931. The microphone and the camera only work on https or on localhost, so a double-clicked index.html will show the shapes but won't hear the room.

No install, no build step, no dependencies: index.html and audio-core.js are the whole thing.

Vibe-coded by a designer

I'm a designer. I built Musevis for parties with AI agents: I made the decisions, Claude Code wrote the code. This is the open version of the visualizer I play my own sets with.

Take it if you want it.

More tools

• Particle Dance · particles that dance along patterns and 3D forms
• Orbital · data as orbits, axes or a bending mesh
• Metaballs · soft masses that merge, split and leave holes
• Halftone Cloud · images rebuilt as a halftone of flying shapes
• Logomachine · seeded generative marks: one seed, one pattern, always
• Motion Primer · bodies with behaviors: swarm, pack, magnet, orbit, fall, scatter
• Particles 3D · a WebGL2 cloud of up to 300,000 particles
• Orb Atom · glass orbs that think: lenses with soft bodies drifting inside
• Ellipse Sphere · a sphere built from stacked discs that fan open and assemble
• Thinking Sphere · a glass sphere with soft shapes drifting inside
• SphereGen · a glass sphere that bends whatever is behind it: generative scenes, photos, video
• Line Engine · engraved line patterns: superformulas, rosettes, waves and Lissajous, in motion
• XYZ Cube · your data as points in a 3D cube on axes you name
• Hexbin · a point cloud counted into 3D hexagon towers
• Chart 3D · pie, bars, polar and area charts in 3D, with an entrance
• Sunburst · a hierarchy as a 3D sunburst with height
• Voronoi · points that share space as cells, inside any shape
• Image Shuffler · your screens flying in 3D, ready to record as a video
• Motion Pad · one pad for the character of motion
• Pack Label · one label per coffee lot, checked and ready for print

License

Code: MIT © 2026 Robert Vagin. The word formation uses Inter Tight, embedded under the SIL Open Font License 1.1.