Skip to main content

Audio Visualizers

Audio visualizers transform sound into immersive visual experiences. These toys analyze frequency bands, track beat intensity, and respond to audio dynamics in real-time.
All audio visualizers support both microphone input and demo audio fallback for seamless exploration.

Neon Wave

Retro-wave visualizer with bloom effects, custom shaders, and four color themes.Moods: energetic, immersive
Tags: synthwave, cyberpunk, retro, visualizer, bloom
Lifecycle: featured (rank 6)
Controls:
  • Theme selector
  • Quality presets
Starter preset: “soft glow starter” - Reduced bloom intensity for a gentler first look

Cosmic Particles

Jump between orbiting swirls and nebula fly-throughs with a single toggle.Moods: cosmic, immersive
Tags: particles, nebula, swirl
Lifecycle: featured (rank 5)
Controls:
  • Mode toggle
  • Orbit speed
  • Particle density

Spiral Burst

Colorful spirals rotate and expand with every beat.Moods: energetic, pulsing, cosmic
Tags: spirals, burst, gestural
Lifecycle: featured (rank 4)
Controls:
  • Mode buttons
  • Pinch/rotate gestures
  • Arrow-key mode swap
Wow control: Beat sensitivity - Watch the Pulse indicator peak in real time

Bubble Harmonics

Translucent, audio-inflated bubbles that split into harmonics on high frequencies.Moods: playful, uplifting
Tags: bubbles, harmonics, reactive
Lifecycle: featured (rank 7)
Controls:
  • Split sensitivity
  • Bubble growth rate
  • Trail persistence

Geometric & Shape Visualizers

Microphone Geometry Visualizer

Push shifting geometric forms directly from live mic input with responsive controls.Moods: energetic, immersive
Tags: geometry, microphone, reactive
Lifecycle: archived
Controls:
  • Frequency band modes
  • Geometry complexity slider
  • Sensitivity boost toggle
Starter preset: “reactive starter” - Boost sensitivity and simplify geometry for immediate motion

Grid Visualizer

Swap between cube waves and bouncing spheres without stopping the music.Moods: pulsing, energetic
Tags: grid, waves, mode-switch
Lifecycle: archived
Controls:
  • Wave/sphere mode toggle
  • Beat response amount
  • Camera drift speed
Wow control: Shape mode - Tap once to compare cubes vs spheres

Halo Visualizer

Layered halos, particles, and shapes that respond to your music.Moods: serene, ethereal
Tags: halos, particles, ambient
Lifecycle: archived
Controls:
  • Halo intensity
  • Particle density
  • Palette cycle

Audio Light Show

Swap shader styles and color palettes while lights ripple with your microphone input.Moods: energetic, luminous
Tags: lights, shader, palette
Lifecycle: archived
Controls:
  • Shader style switch
  • Palette shuffle
  • Bloom intensity
Wow control: Shuffle look - Cycle quick best-of combinations

Spectral & Frequency Visualizers

Spectrograph

A spectrograph that moves gently with your audio.Moods: calming, serene
Tags: spectrograph, ambient, calming
Lifecycle: archived
Controls:
  • Sensitivity slider
  • Smoothing toggle
  • Color intensity

Synesthetic Visualizer

Blend audio and visuals into linked patterns.Moods: dreamy, immersive
Tags: synesthetic, patterns, audio-mapped
Lifecycle: archived
Controls:
  • Frequency mapping overlay
  • Palette mode switch
  • Pattern speed slider
Starter preset: “mapped flow starter” - Clear frequency-to-visual mapping with balanced speed

Tunnel & Immersive Visualizers

Rainbow Tunnel

Fly through colorful rings that spin to your music.Moods: cosmic, drifting
Tags: tunnel, rainbow, immersive
Lifecycle: archived
Controls:
  • Tunnel speed slider
  • Camera drift toggle
  • Color pulse depth

3D Toy

A twisting 3D tunnel that responds to sound.Moods: energetic, immersive
Tags: tunnel, 3d, legacy
Lifecycle: archived
Controls:
  • Tunnel twist amount
  • Color pulse intensity
  • Reactivity sensitivity

Experimental Visualizers

MilkDrop Proto

A hardware-accelerated feedback engine inspired by the MilkDrop visualizer system.Moods: immersive, psychedelic
Tags: feedback, warp, visualizer, retro
Lifecycle: prototype
Controls:
  • Quality presets

Evolutionary Weirdcore

Watch surreal landscapes evolve with fractals and glitches that react to music.Moods: psychedelic, cosmic
Tags: fractal, glitch, evolutionary
Lifecycle: archived
Controls:
  • Reactivity boost
  • Mutation speed
  • Palette shift
Wow control: Reactivity boost - Turn on first to make audio linkage obvious

Audio Visualizer Features

Audio visualizers analyze frequency bands to drive different visual elements:
  • Bass (low frequencies): Drive large-scale motion and beat pulses
  • Mids (vocal range): Control color shifts and mid-level animation
  • Highs (treble): Trigger sparkle, shimmer, and fine detail
Toys like Synesthetic Visualizer and Microphone Geometry Visualizer expose frequency mapping controls for fine-tuning.
Many visualizers include beat detection that tracks audio peaks and triggers visual bursts:
  • Spiral Burst: Expands spirals on beat peaks
  • Grid Visualizer: Bounces cubes/spheres with beat intensity
  • Bubble Harmonics: Inflates bubbles on audio peaks
Look for Beat sensitivity or Reactivity controls to adjust detection thresholds.
Several visualizers leverage custom shaders for real-time effects:
  • Neon Wave: Four color themes with bloom effects
  • Audio Light Show: Shader style switching and palette shuffle
  • MilkDrop Proto: Feedback engine with warp effects
These toys often include Quality presets to balance visual fidelity with performance.

Getting Started with Audio Visualizers

1

Choose Your Audio Source

Select between microphone input for live audio reactivity or demo audio for pre-mixed tracks.
Start with demo audio to explore without microphone permission prompts.
2

Try a Starter Preset

Featured visualizers include starter presets optimized for first-time users. Look for the preset button in the control panel.
3

Adjust Sensitivity

Use Sensitivity, Reactivity, or Beat response controls to fine-tune how aggressively the toy responds to audio.
4

Explore Quality Settings

If performance is sluggish, try the Quality presets in the settings panel to reduce rendering load.

Next Steps

Featured Toys

Explore all featured toys with starter presets and first-run guidance

Interactive Tools

Try creative tools with gestural interactions

WebGPU Toys

Experience advanced rendering with WebGPU-powered toys

Toy Catalog

Browse the complete catalog by moods, tags, and capabilities

Build docs developers (and LLMs) love