TjardoOrtan/audio-reactive-shaders ? reverse-engineered prompt

Build me a cool web app that shows a gallery of animated WebGL shader scenes that react to sound in real time. I want to be able to use my microphone or audio input, see the visuals move with the bass, mids, and highs, and switch between a bunch of different styles like fractal, cosmic, grid, rain, and kaleidoscope type effects. Make it feel polished and modern, with a nice preview area, simple controls to tweak the look, and it should work well on different screen sizes.

Use React and Three.js for the app, with GLSL shaders for the visuals, and set it up so it runs smoothly in the browser with a clean development experience. If you need current docs or examples for anything, look them up online first. I also want it organized in a way that makes it easy to add new shader scenes later.