This is a great idea! ShaderPad should be able to wrap into a web component easily. I already export a React wrapper[1], so I can use a similar API for the web component.
Give me a few days and check back in.
[1]: https://misery.co/shaderpad/docs/guides/react/