I like versions of this that are web components so that they're declarative and you can just drop them into HTML.
<shader-doodle> is one: https://github.com/halvves/shader-doodle but it hasn't been updated in a long time and I think builds to UMD
<shaderview> is a newer one with a nice site, but I haven't used it: https://keithclark.github.io/shaderview/
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/