JavaScript and SVG to MP4
Skip Node.js bundlers, headless Chromium farms, and cloud render queues. MooScript turns pure HTML, SVG, and deterministic MooTween scripts into frame-accurate MP4, WebM Alpha, and GIF masters right inside your browser.
16:9 · 1920x1080Deterministic frame math
Screen recorders drop frames whenever the main thread stutters. MooScript never records real-time wall-clock playback during export. Instead, its exporter steps your MooTween timeline mathematically at exact t = frame / fps intervals, waits for vector and B-roll frames to settle, and feeds raw VideoFrame buffers to your GPU via WebCodecs.
Every shot runs inside an isolated CSS scope with built-in spring physics, camera pan/zoom rigs, SVG stroke-dashoffset drawing, and automatic whoosh or impact sound effects.
MooTween API // Runs inside (shot, root, ctx, MooTween) - zero GSAP needed
ctx.cameraMove('.moo-camera', {
fromScale: 1.08, toScale: 1.0,
fromY: 28, toY: 0, start: 0, dur: 3.4
});
ctx.drawPath('#trace-wire', { start: 0.1, dur: 0.85 });
shot.arrive('#node-badge', { scale: [0.7, 1], y: [32, 0], ease: 'spring(1.1, 0.7)' }, 0.25);
ctx.counter('#fps-metric', 0, 60, { start: 0.4, dur: 1.1, suffix: ' fps' });MP4 + VP9 Alpha + GIF 1080x1920 1920x1080 1080x1080 
Built for technical creators
Zero-install browser runtime
Open app.mooscript.web.id, edit HTML/CSS/JS live, and inspect layers without cloning a 900 MB repo.
Transparent VP9 Alpha overlays
Export clean alpha-channel WebM clips ready to drop over code screencasts in DaVinci Resolve or Premiere.
Multi-format batch queue
Queue 16:9 YouTube, 9:16 Shorts, and 1:1 feed masters from a single timeline in one pass.
Common questions
Remotion compiles React projects via Node.js and renders through headless Chromium or AWS Lambda. MooScript runs entirely in your browser with zero CLI setup, native WebCodecs GPU encoding, offline Piper TTS, and built-in multi-track timeline editing.
Remotion compiles React projects via Node.js and renders through headless Chromium or AWS Lambda. MooScript runs entirely in your browser with zero CLI setup, native WebCodecs GPU encoding, offline Piper TTS, and built-in multi-track timeline editing.
Related workflows
| AI Motion Graphics | Turn Claude, ChatGPT, or Gemini prompts into validated SVG choreography with zero slide-deck slop. | → |
| Faceless Shorts | Pair offline neural voiceovers, 300 MB B-roll, beat-synced cuts, and kinetic captions for 9:16 channels. | → |
| Data Chart Video | Animate bar races, telemetry lines, KPI counters, and financial breakdowns with exact SVG coordinates. | → |
Render your first shot now
Open MooScript Studio in your browser with zero sign-up, zero install, and full local GPU encoding.
WebCodecs