pin art visualizer
A free audio visualizer — play it in your browser, no install. Real-time audio visualizer — 9,424 instanced pins morph across 7 shapes driven by live FFT analysis. Tab audio, mic, or file input. Built with Three.js + React.
Vote and save it — continue with GitHub or sign in free
Made this, @wyattmattoe? See how many people played it → or use email
Controls: Sensitivity - Adjust audio reactivity (25-300%)
GitHub asks to share your profile and email with us. We never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
A real-time audio visualizer featuring a reactive 3D pin art lattice built with React, Three.js, and the Web Audio API. The visualizer transforms audio into dynamic 3D shapes with fluid animations, particle effects, and intelligent auto-mode ("God Mode") that adapts to music characteristics.
🤖 This project was coded with extensive assistance from AI language models (AI slop). Some code may exhibit LLM-isms, dead code, magic numbers, or unnecessary complexity. Proceed accordingly.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
web audio threejs starter
Minimal React Three Fiber starter for local, audio-reactive 3D visuals with the Web Audio API.
seesound
Shape music and live audio into Chladni-inspired resonant geometry in the browser.
shaderflow
Visual node-based GLSL shader editor - design materials on a graph, compiled live to WebGL. React + React Flow + Three.js.
interactive media
웹에서 직접 만져보는 인터랙티브 미디어 기법 17가지 — 포인터, 스크롤, 사운드, 카메라·센서
Visualization of the Musical Soul
Interactive 3D visualization of your music collection as a galaxy using Three.js and WebGL. Supports local MP3 playback, genre color-coding, and data…
pelagic jellyfish webgl
A silent interactive WebGL descent through a living jellyfish ocean, with pulse-driven swimming and a liquid-glass idle clock.
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
