Why We Built Psyche
Remember sitting in front of your computer, Winamp open, mesmerized by Milkdrop visualizations dancing to your music? That experience disappeared. Spotify shows you a static album cover. Apple Music does the same. We traded visual magic for convenience.
We wanted that feeling back. Not as a nostalgic recreation, but as something new - leveraging modern WebGL, real-time audio analysis, and the creative possibilities of shader programming.
Psyche is our answer: a browser-based visualizer that works with any audio source and generates stunning, reactive visuals in real-time.
What is Psyche?
Psyche is a web-based psychedelic music visualizer. Open it in your browser, grant microphone access, and play music through your speakers. Psyche listens and transforms what it hears into mesmerizing 3D visuals.
No accounts. No downloads. No complicated setup. Just music made visible.
The visuals aren't pre-made animations - they're generated in real-time by custom GLSL shaders responding to your music's frequency content. Bass makes things pulse. Highs add sparkle. Every song looks different.
How Psyche Works
Audio Analysis: Your microphone captures whatever audio is playing through your speakers. The Web Audio API's AnalyserNode breaks down the sound into frequency bands 60 times per second, giving us bass, mid, and high energy levels plus beat detection.
Shader Rendering: Custom WebGL fragment shaders receive the audio data as uniforms. Each visualizer mode uses these values differently - bass might control scale, mids might affect color, highs might add particle effects.
Real-Time Response: Because we're processing live audio, there's no latency. When the bass drops, you see it drop. The visuals are a true reflection of the music in the moment.
Visual Modes
Liquid: Morphing metaball blobs that stretch and pulse with the music. Organic, flowing motion like lava lamp meets bass drop.
Particles: 10,000+ particles swirling in 3D space. Each particle responds to frequency data, creating galaxy-like formations that breathe with your music.
Waveform: Circular audio spectrum with rotating bars. A modern take on the classic visualizer aesthetic.
Kaleidoscope: Symmetric, folding patterns that morph with audio. Hypnotic and geometric, like looking through a musical kaleidoscope.
Tunnel: Infinite wormhole effect. Fly through rings of light that pulse with the beat - perfect for electronic music.
Terrain: 3D landscape with rolling hills and a neon grid. Pure synthwave aesthetic that reacts to every frequency.
Galaxy: Spiral galaxy with stars, dust clouds, and nebulae. Cosmic and expansive, great for ambient and orchestral music.
Moire: Grid-based interference patterns creating liquid, psychedelic artifacts. Subtle and mesmerizing.
Flux: Fluid caustic effect with deep navy to cyan to orange transitions. Starburst liquid motion that flows with your music.
Key Features
Universal Audio Support: Works with any audio source - Spotify, Apple Music, YouTube, vinyl, live instruments. If your speakers can play it, Psyche can visualize it.
9 Unique Visualizer Modes: Each mode offers a completely different aesthetic, from organic blobs to cosmic galaxies to synthwave landscapes.
Real-Time Recording: Capture up to 30 seconds of visuals as MP4 video. Rendered client-side with no server upload - your content stays yours.
Customizable Controls: Adjust speed, intensity, hue shift, brightness, and zoom globally. Each mode also has unique parameters to dial in your perfect look.
No Account Required: Open the URL and start visualizing. No signup, no login, no friction.
60fps Analysis: Audio is sampled 60 times per second for buttery smooth visual response.
Mobile Support: Works on phones and tablets, though desktop is recommended for best performance.
Social-Ready Export: Downloaded videos are optimized for TikTok, Instagram Reels, and other social platforms.
Who Should Use Psyche
Music Lovers: Anyone who misses visualizers and wants to see their music again. Put Psyche on a second monitor or TV while you work, relax, or party.
Content Creators: Generate eye-catching visual content for social media. Record your favorite songs with different visual modes for unique, shareable clips.
Party Hosts: Project Psyche on a wall or screen at your next gathering. It's an instant vibe upgrade that responds to whatever music is playing.
Meditation & Focus: Some modes (Galaxy, Terrain, Moire) work beautifully with ambient music for relaxation or focus sessions.
Musicians & DJs: Visualize your own music or sets. See how your productions translate visually in real-time.
How Psyche is Different
No Platform Lock-In: Unlike Spotify Canvas or Apple Music visualizers, Psyche works with any audio source. Your music library doesn't determine your visual options.
Real Generative Art: These aren't pre-made animations synced to tempo. Every frame is generated by shaders responding to actual frequency data. Every song, every moment is unique.
Recording Built-In: Most visualizers are watch-only. Psyche lets you capture and share your visual experience.
Browser-Based: No app to download, no software to install. Works on any modern browser with WebGL support.
Open Design: We're building toward presets you can save and share, community galleries, and live synchronized rooms. The visualizer is just the beginning.
Getting Started
- Visit yopsyche.xyz
- Click "Enable Microphone" when prompted
- Play music through your speakers (any app, any source)
- Choose a visualizer mode
- Adjust settings to taste
- Hit record to capture clips
That's it. No signup, no configuration, no friction. Just music made visible.
What's Next
We're actively building:
- Preset saving and sharing
- Community preset gallery
- Live synchronized rooms (watch with friends)
- Spotify direct integration (pending API approval)
- OBS/streaming integration
Join the waitlist at yppsyche.xyz to get notified when new features drop.
Related Reading
- FeedbackFlow: AI-Native Feedback Collection - Collect and triage user feedback with AI
- ValidateFirst: AI-Powered Startup Validation - Validate product ideas before building
- FounderFlow: Project Management for Founders - Track your product development journey