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 (http://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
(https://vyzflow.com)Want to help with development? Welcome)
0
109
Rethink, Redesign, Reconnect — The New Ubigi Experience
The idea for Ubigi’s redesign was born somewhere between airports and boarding gates.
During one of my trips, I used the app to activate an eSIM, and while it did its job, the experience lacked that sense of ease and delight I expect from modern
digital products.
0
120
Stop guessing your Claude AI limits. I built a macOS widget to keep my workflow seamless.
As a CGI Artist and Web Engineer, my daily stack involves a heavy mix of real-time graphics (Three.js/WebGL) and AI-driven automation. Tools like Claude are essential, but the unpredictable usage limits often disrupt the creative "flow state."
To solve this for myself and the community, I developed Claude Bar.
What is it? An elegant, transparent floating widget for macOS that tracks and displays your Claude.ai (http://Claude.ai) usage limits in real-time.
Key features:
* Real-time monitoring: No more manual checks on the Claude.ai (http://Claude.ai) settings page.
* Seamless Integration: Designed specifically for macOS to sit quietly in your workspace.
* Open Source: Built with Electron, utilizing a custom scraper for limit tracking.
But it is in Ukrainian, you can translate it into your language)
This tool ensures that technical constraints don't stand in the way of creative execution.
Check out the repository here: [link to https://github.com/vfxmajmuni/claude-bar]
I’d love to hear how you manage your AI tool quotas during deep work sessions!
0
147
