{"repo":"heygen-com/hyperframes-vercel-template","free":true,"listed":false,"github":"https://github.com/heygen-com/hyperframes-vercel-template","clone":"git clone https://github.com/heygen-com/hyperframes-vercel-template.git","description":"Next.js template for HyperFrames — preview HTML video compositions and render MP4s on Vercel Sandbox","language":"HTML","stars":21,"topics":["ffmpeg","gsap","hyperframes","mp4","nextjs","puppeteer","template","vercel","vercel-sandbox","vercel-template"],"license":"Apache-2.0","category":"scrapers-browser-automation","readme_excerpt":"HyperFrames on Vercel Preview HTML-based video compositions in the browser and render MP4s server-side — on Vercel. Powered by Vercel Sandbox for rendering and Vercel Blob for output storage. HyperFrames is an open-source video rendering framework: write HTML + CSS + GSAP, get a reproducible MP4. Live demo: hyperframes-on-vercel.vercel.app Deploy Deploying provisions a Vercel Blob store; BLOB READ WRITE TOKEN is injected automatically. Sandbox auth is handled at runtime via VERCEL OIDC TOKEN — no extra setup. What this template does - Preview a bundled composition ( vercel-intro ) in the browser using , the zero-dependency web component from @hyperframes/player . - Render the composition to an MP4 by POSTing to /api/render . The route restores a pre-baked Vercel Sandbox, runs hyperframes render , uploads the MP4 to Vercel Blob, and returns a public URL. Authoring happens locally. This template ships with one pre-authored composition. To build your own, use the HyperFrames CLI on your machine: Then swap it into this template (see Swapping the composition below). Architecture The build-time snapshot Cold render of the bundled 11s composition is roughly 2 minutes. Most of that time is the actual Chromium render — not setup — because we pre-bake a sandbox snapshot at build time instead of installing dependencies on every request. scripts/create-snapshot.ts runs as part of next build : 1. Spin up a fresh node22 sandbox 2. dnf install Chromium system libraries ( nss , libXcomposite","default_branch":null,"files":null,"tree":[],"storefront":"/r/heygen-com","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/heygen-com/hyperframes-vercel-template/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}