Embedding a shader in React using the built-in <ShaderPad> component.
Instead of creating and tearing down a ShaderPad instance manually in an effect, shaderpad/react offers a convenient React wrapper that renders inside a normal page layout. It is a good starting point for decorative overlays, embeds, and content-aware UI composition.
This pattern works well for embedded overlays, separators, or decorative motion inside an otherwise normal page layout. It is deliberately page-width content rather than a fullscreen scene to show how the React wrapper can fit into regular UI composition.