Pick the path that fits you best: create clips, run visuals live, or explore the shader library more deeply. Then use the same five-step loop to get from landing to a finished visual session.
Creator
Start with uploads, open the shader library early, and finish by recording a clean clip.
Performer
Route mic, radio, or uploads into stable shader spaces, then stage the screen for live use.
Explorer
Use sample tracks, browse spaces by feel, and switch into the full shader list when you want specifics.
Visit the home page. The visualizer starts immediately — a default preset runs in attract mode so you can see what it looks like before adding any audio.
Press the audio-source button (bottom-left HUD) to pick how your music enters the visualizer.
Click the grid icon (or press Tab) to open the shader library. Start in Spaces for curated visual worlds, then switch to Shaders when you want exact search, sort, and pack filters.
The on-screen HUD gives you sliders and toggles for the most common parameters. Hide the HUD with H to go full-canvas.
Most controls have a keyboard shortcut so you can keep your hands free during a performance or session.
Where should I start in the shader library?
Start in Spaces if you want a strong result quickly — each space groups shaders and tuning into a more intentional visual world. Switch to Shaders when you want to search by name, sort, or filter by pack.
Does my audio get uploaded anywhere?
No. All audio processing happens locally in your browser via the Web Audio API. Nothing is sent to any server. If you upload a file, it stays on your device.
Why isn't anything moving when I load audio?
Most browsers require a user gesture before an AudioContext can run. Click anywhere on the page after loading your audio, then press play. If the visualizer still shows nothing, check that your track is actually playing (the waveform bar at the bottom should show activity).
Which browsers are supported?
Chrome and Edge give the best WebGL performance. Firefox works. Safari has limited WebGL support — visuals will be less smooth. Mobile browsers are generally not recommended due to GPU limitations.
Can I use this for a live performance or stream?
Yes. Window-capture or a virtual camera (OBS, etc.) can record the browser tab for streaming. The visualizer is designed to run continuously without freezing or dropping frames.
Why do some presets look the same until music plays?
Butterchurn presets react to audio energy. Without a signal, many presets show a static or very slowly drifting scene. As soon as audio starts, the beat, bass, and harmonic content drive the animation.
Can I share a specific preset?
Yes — each preset has a dedicated page at /presets/[slug] with a screenshot and a direct launch link. You can also share a URL like /?preset=PRESET_NAME to open the home page with a specific preset pre-loaded.