The PixelForgeHub AI engine layer powers every URL → video flow on the platform. Pick HyperFrames for live cinematic compositions, or Remotion for deterministic 4K production rendering. Same API. Same job manifest.
Same input — any URL. Same output — cinematic video. Two architectures tuned for different jobs.
Engine
GSAP-driven, browser-native cinematic engine
HTML compositions rendered live in a headless browser. Real-time SSE streaming, six cinematic templates, and a sub-second iteration loop. Built for the studio command center where designers tweak in flight.
Pipeline
Runtime
Headless Chromium
Streaming
Server-Sent Events
Templates
6 cinematic
Scene pacing
4s avg · 3–5s
Best for
Engine
React-rendered, queue-based production renderer
React video composition. Worker queue dispatch via Firestore. Frame-exact deterministic rendering at 4K/30fps. Customers preview three script variants for free, render the one they pick. Built for batch reliability.
Pipeline
Runtime
Worker queue
Variants
3 scripts / job
Output
4K · 30fps · MP4
Scene pacing
4s avg · 3–5s
Best for
Both engines compose to the same design language — the one this homepage runs on. Five primitives, one pacing rule.
Kinetic title cards with multi-stop brand gradient (cyan → magenta → green). Letter-spacing tight, weight 900.
Uppercase tracking-wider tag above every scene title. Tints to the scene accent. Reads as a status badge, not a tagline.
Spline-equivalent atmospheric depth behind the scene. Soft cyan rim glow, edge vignette, bottom darken. Never flat color.
TiltCard-equivalent 3D parallax. Cards rotate against a perspective; corner glows pick up the active accent.
3–5s sweet spot. Below 3s reads as frantic; above 5s reads as slow. Override with `sceneLength: 3–5` on the API call.
Default pacing · 4s per scene
Override per render via sceneLength: 3–5 on the API job options.
5 scenes · 4s each · 20s total ← typical short
Both engines share the upstream pipeline. They diverge at render time.
The same POST /api/video-jobs endpoint dispatches to either renderer. Add engine: 'remotion' for queue-based 4K, or engine: 'hyperframes' for live-streamed cinematic compositions.
// Dispatch to either engine — one API, two pipelines
await fetch('/api/video-jobs', {
method: 'POST',
headers: { Authorization: `Bearer ${token}` },
body: JSON.stringify({
url: 'https://stripe.com',
engine: 'hyperframes', // or 'remotion'
mode: 'preview',
options: {
neonColor: 'cyan',
cameraPreset: 'cinematic',
music: 'tech',
},
}),
});