Wavy Shells

Fluid, organic shells that ripple and flow with your music - each layer responds to different frequency bands creating mesmerizing wave patterns

Wavy Shells Preview
Adjust settings and preview the effect before going fullscreen

Controls

80%

Your browser will ask for the microphone. Only volume and frequency levels are read — nothing is recorded or sent anywhere — and turning this off stops the microphone.

About Wavy Shells
Music Reactive
Audio Reactive
WebGL

Fluid, organic shells that ripple and flow with your music - each layer responds to different frequency bands creating mesmerizing wave patterns

Key Benefits
  • 6 layered shells respond to different frequencies
  • Organic wave distortions using 3D noise
  • Frequency-based color mapping (red=bass, blue=treble)
  • Real-time beat detection and response
  • Fresnel lighting effects for depth
  • Smooth flowing animations
Perfect For
Ambient music visualization
Meditation and relaxation with music
Electronic music performances
Chillout streaming sessions
Background visuals for presentations
Artistic music videos
How to Use
  1. 1Allow microphone access for audio analysis
  2. 2Works best with varied frequency content
  3. 3Bass frequencies control inner shells (red/orange)
  4. 4Treble frequencies control outer shells (blue/purple)
  5. 5Adjust brightness for a dimmer or more intense scene
Need more help with Wavy Shells?
Get Wavy Shells rippling with your music — how to turn on the microphone, what Brightness actually does, and why there's no Color or Speed control.
Read the Wavy Shells help guideIncludes 7 answered questions