shader-effects-inc/shaders ? reverse-engineered prompt

Build me a small open source library for adding красивые WebGPU visual effects to websites as reusable components.

I want it to work across React, Vue, Svelte, Solid, and plain JavaScript, with the same kind of API in each one. The core idea should be that I can wrap content in a Shader component and stack effects like gradients, blur, glass, noise, cursor trails, distortions, and transitions as children or layers. It should be easy to use, type safe, and work well in production, including being safe for server side rendering where possible.

Please also include a simple command line tool that can connect a project, search for effects, install them into the codebase, preview them, and update them later. Add a few good example components and usage demos so it feels real. If you need current WebGPU or framework details, look up the latest docs online first.