What Godsend is
Godsend is a collection of interactive shader components. Each registry entry combines the shader programs, renderer lifecycle, responsive sizing, reduced-motion handling, and public props needed to use one effect in an application.
You install the component source instead of adopting a shared visual runtime. The result is a small, visible footprint that can be reviewed and adapted like any other code in your project.
Source-owned
The registry writes readable component code into your app. You can change the public API, renderer, or shader without waiting for a package release.
Framework-native
Svelte, React, and Vue receive native component files rather than a cross-framework wrapper.
Runtime fallback included
Each shader ships WGSL for WebGPU and GLSL for a WebGL fallback, with renderer setup and cleanup handled by the component.
Built to tune
The preview controls and API table use the same public props, so values tested in the docs transfer directly to your implementation.
The source of truth
Every component page is generated from the same definition used to build its registry entries. The preview controls, framework examples, dependency list, install commands, and API table therefore describe the code you actually receive.
Use the preview to establish a baseline, select your framework, then install from that page. If you edit the installed source later, those changes belong to your application and do not affect the registry copy.
Before you install
Shaders fill their parent; they do not decide the height, stacking order, contrast, or performance budget of the surrounding interface. Read Installation for the registry workflow and Using shaders before placing an effect in a production layout.