Working with source
Connect the visual to your project
Start with a small experiment. You can always take it further.
Check what is included
Every item includes a copy-ready prompt. A live-effect prompt also names its dependency, pinned version and rendering settings. A video reference is a design direction; it does not include the website or scene's underlying source files.
Follow the setup instructions
Use the dependency versions listed in the prompt. Keep browser-only rendering inside a client component and give its container an explicit size. Keep configurable colours, scene settings and editable content separate from the implementation.
Keep motion lightweight
Pause video and WebGL rendering outside the viewport, reduce scene complexity on phones and respect reduced-motion preferences. Dispose of rendering resources and event listeners when a component unmounts.
Review before launch
Check navigation, keyboard access, text contrast, media sizes and mobile layouts. Forms, a CMS, accounts, payments and production data require their own implementation and testing.