VyzFlow - Music Visualization Web App VyzFlow transforms audio into real-time 3D visual art —VyzFlow - Music Visualization Web App VyzFlow transforms audio into real-time 3D visual art —
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Iryna's avatar
Iryna Koval
• May 12
VyzFlow - Music Visualization Web App VyzFlow transforms audio into real-time 3D visual art — exportable as MP4 for social, YouTube, or broadcast.
Built solo from concept to production. Live at vyzflow.com.
What's inside:
WebGL shader background (simplex noise + mouse reactivity)
6 animated preset cards — raw WebGL contexts, custom GLSL fragment shaders per mood (Void, Bloom, Neon, Organic, Minimal, Particles)
Web Audio API — real-time bass/mid/treble analysis
3D particle sphere (5000 points) that reacts to the music
Geometry morphing — 5 shapes (sphere → cube → torus → icosahedron → torus knot) with GPU mix() interpolation
MP4 export via OffscreenRenderer + MediaRecorder + mp4-muxer — portrait, landscape, square
Supabase auth + export logging + admin panel
Cloudflare Turnstile bot protection
PWA + mobile-responsive
Email lead capture before export
Stack: Vite · Three.js · GLSL (vite-plugin-glsl) · Web Audio API · Supabase · Vercel · mp4-muxer
URL: https://vyzflow.com Want to help with development? Welcome)
Completed work
WebGLthree.jsJavaScriptWeb Development
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started