Orchestrate scripts.
Accelerate your page.
Take full control of your scripts with a declarative approach.
Inject what you need, exactly when and where you need it.
Lazy Interaction (Click)
Delays loading of heavy logic until the user actually clicks. The click event is captured, the script loads, and then the click is replayed natively.
on:interaction="click"Anticipation (Hover)
Preloads resources when a user hovers, ensuring instant availability without waiting for a click. Ideal for menus or tooltips.
on:interaction="mouseenter"Input Focus
Load validation libraries, date pickers, or input masks only when the user focuses on a specific field.
on:interaction="focusin"Background (Idle)
Non-critical resources like analytics or logging can be loaded when the browser is idle, preventing main-thread blocking during initial load.
on:idleForm Interception
Inject validation or submission logic exactly when the user attempts to submit a form.
on:interaction="submit"Dynamic Selection
Load dependent logic based on user choices from a dropdown menu.
on:interaction="change"Nested Composition
Injectors can be nested within each other. Parent and child loading logic remains independent.
Nested ComponentsMargin Visibility
Preload scripts before content enters the viewport to ensure zero CLS or delay when the user arrives.
on:visible="200px"