Zlvox Studio

HTML to Video

Write HTML, CSS & JS animations — export as MP4 or WebM instantly. 100% client-side via WebCodecs API. Zero uploads, zero sign-up, zero watermarks.

WebCodecs API Up to 4K 60fps MP4 & WebM 38 Templates Virtual Time Engine Zero Uploads
38 Templates
4K Max Resolution
60fps Max Frame Rate
0 Uploads Needed
Engine: WebCodecs API — browser-native, zero server
Export Settings
5s
Preview BG
Auto-refresh
Live Preview Auto-updates on edit
Recording Loading…
Format
File Size
Duration
Resolution
100% Private
Your code never leaves your device. Everything runs locally in your browser using the WebCodecs API. No uploads, no servers, no sign-up — ever.
Virtual Time Engine
Browser time is frozen and stepped frame-by-frame. Zero dropped frames, zero stutter. Export up to 4K at 60fps regardless of your machine's speed.
MP4 & WebM Output
Export as MP4 (H.264) for Instagram, TikTok and YouTube, or WebM (VP9) for web embedding. Configurable bitrate, frame rate, and resolution per export.
38 Templates
From Matrix Rain to Galaxy Spin, Heartbeat to Social Cards — 38 fully editable animation presets. Load any template, tweak the code, record and download.
Live Preview
See your animation running in real-time as you type. Toggle auto-refresh or manually refresh. Switch the preview background between dark, black, white and transparent.
Free Forever
No watermarks, no sign-up, no limits. Record as many videos as you want at any resolution, any quality. Your output contains exactly what you put in the editor.
Common questions

Everything you need to know

You write HTML, CSS and JS animations in the editor. The Virtual Time engine freezes browser time, steps it frame-by-frame, captures each frame onto a canvas, then encodes them using the browser-native WebCodecs API. No server involved at any point.

WebCodecsClient-SideZero Uploads

Recording requires the WebCodecs API — available in Chrome 94+, Edge 94+, and Brave on desktop. Firefox and Safari do not yet support VideoEncoder. The editor and live preview work on all modern browsers regardless.

Chrome 94+Edge 94+BraveFirefox — not yet

Export as WebM (VP9) or MP4 (H.264). MP4 is best for Instagram, TikTok and YouTube. WebM is best for web embedding. Resolutions available are 720p, 1080p, and 4K. Frame rates go up to 60fps with configurable quality levels.

WebM (VP9)MP4 (H.264)Up to 4K 60fps

Completely free. No watermarks, no sign-up, no limits. Record as many videos as you want at any resolution. Your output contains only what you put in the editor — nothing else is added.

Free ForeverNo WatermarkNo Sign-up

Normal screen recorders capture whatever frames your GPU renders in real time — resulting in dropped frames on slow machines. The Virtual Time engine overrides Date.now(), requestAnimationFrame, and setTimeout so every frame is rendered at exactly the right moment, regardless of machine speed.

Zero Dropped FramesDeterministic Export

Yes. The editor supports any external resources via @import in CSS (Google Fonts, etc.) and <script src> in HTML. Make sure resources are CORS-friendly. Libraries like Three.js, GSAP, and Canvas-based renderers all work well via the canvas-capture path.

Google FontsThree.jsGSAPAny CDN Lib

Browser Not Supported

Video recording requires the WebCodecs API which is available in Chrome 94+, Edge 94+, and Brave on desktop.

The editor and live preview still work in your current browser.