Skip to content
HYPER 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");
Program output with scorebug, lower third and ticker 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
Scorebug, lower third and ticker rendered by the HYPER Engine
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

Put your first graphic on air today.

Free to design. Pay for engines only when you go live.