HYPER Engine One engine.
One engine.
Everywhere you render.
The HYPER Engine renders every graphic in Create, Studio, Player and this page. It ships as versioned, integrity-checked releases you can pin, load and embed.
const { module } = await loadEngine({
origin: "https://engine.hyper.live",
version: "2026.09.2", // pinned, SHA-384 verified
registry,
});
const engine = await module.createEngine({ renderer: "pixi" });
await engine.mount(canvas);
await engine.applyCommand({ v: 1, action: "render", data: scene }, "live");
await engine.applyCommand({ v: 1, action: "animate",
data: { timeline: "IN" } }, "live");
On air
Versioned releases
Pin a version. It never moves.
Each release is one immutable bundle with a published SHA-384 hash. The loader fetches it, checks the hash, and only then runs it.
- CalVer releases on stable and beta channels
- Projects pin the engine they were authored against
- A wrong hash never runs; the host falls back and says why
Renderers
2D, 3D and HTML from one scene.
- Pixi for 2D, three.js for 3D, and a DOM renderer
- Timelines, masks, text, video, Lottie and crawls
- Readback for SDI, GPU texture and cloud outputs
const { module } = await loadEngine({
origin: "https://engine.hyper.live",
version: "2026.09.2", // pinned, SHA-384 verified
registry,
});
const engine = await module.createEngine({ renderer: "pixi" });
await engine.mount(canvas);
await engine.applyCommand({ v: 1, action: "render", data: scene }, "live");
await engine.applyCommand({ v: 1, action: "animate",
data: { timeline: "IN" } }, "live"); Embedding
Put the engine in your own page.
- Scenes are plain JSON; commands are plain data
- Take, update and out through one dispatch call
- The live demo on our home page is exactly this
Works with
See what it costs on the pricing page, or try the engine live.
Put your first graphic on air today.
Free to design. Pay for engines only when you go live.