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
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)
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
Related posts
I do my best work when I'm excited about it. This took me under 2h from start to finish. Might have to get more selective about the projects I take on from now on.
Looks so cool🔥I really wonder how you make all the characters and animations.
Mary Holt© is currently ranked #1 among Agent Templates on the Framer Marketplace! 🏆
For those who haven't checked out the new Agent Templates yet, they come with dedicated AI skills, a Design System page, and video tutorials to help users customize and extend the template using the Framer Agent.
Mary Holt© currently includes 4 custom skills, making it easier to build new sections, customize existing components, and keep everything consistent with the original design system.
I'm not sure how long it'll stay at #1 as more creators start converting their templates, but it's exciting to see it there!
This is the kind of campaign that makes me want to explore a city.
Rotterdam-based studio From Form created this year's visual identity for Amsterdam Museum Night, and it's wonderfully strange.
Instead of typical museum posters with artworks and event information, they've created a surreal world inspired by 17th-century dioramas, floating objects, distorted perspectives, and the mystery of wandering around at night.
The animations are built from photographs, which gives everything this unusual dreamlike quality.
What I really like is how the visual concept reflects the experience itself. You're not just being told to visit museums. You're being invited to get lost and discover something unexpected.
More cultural campaigns should feel like this.
