An open-source, code-first video engine: a TypeScript npm package that renders video frame-by-frame on native WebGPU in Node.js and exports MP4.
Framefields homepage
1 / 2Overview
What is Framefields?
Open-source code-first video for AGI era
Framefields is an open-source, code-first video engine: a TypeScript npm package that renders video on the GPU, frame by frame, straight to MP4. A video is a Composition — a tree of layers with keyframed animation — rendered natively on WebGPU (Dawn to Metal/Vulkan) in Node.js.
Built to be driven by coding agents and engineers, it replaces bulky creative suites with a single package: motion graphics, Photoshop-grade VFX, 3D scenes, and audio DSP, with zero Chromium or browser overhead. Install it as a skill in Claude Code, Codex, Cursor, or Gemini CLI and ask your agent for a video.
Framefields is open source under Apache-2.0, made by Gatewai, and free to use.
Platforms and languages
Framefields Availability
Platforms
Languages
Capabilities
Framefields Key Features
Native WebGPU rendering in Node.js
Renders video frame-by-frame directly on the GPU via native WebGPU (Dawn) in Node.js — no browser, no Puppeteer, no screenshots.
Single npm package
Replaces bulky creative suites with one TypeScript package covering motion graphics, Photoshop-grade VFX, 3D scenes, and audio DSP.
Deterministic, frame-accurate output
Produces deterministic frame-accurate video and exports hardware-accelerated MP4s straight from code.
Built for coding agents
Designed to be driven by AI coding agents: installable as skills via Claude Code plugins or npx, with agent workflow docs and example prompts.
Full creative toolkit
Covers layout and text, animation, scenes and transitions, effects, 3D, physics and particles, audio and signals, charts and media, and live preview.
Best for
Who uses Framefields?
AI coding agents and engineers
Generate and compose video programmatically in TypeScript without a browser or creative suite
Plans and access
Framefields Pricing
Free
Open source under Apache-2.0, free to use; version 2.2 currently in beta.
Common questions
Framefields FAQs
What is Framefields?
An open-source TypeScript library that renders video on the GPU frame by frame and exports MP4, designed to be driven by coding agents or written by hand.
How much does it cost?
Nothing. It is open source under Apache-2.0 and free to use; there are no paid tiers or hosted plans.
Do I need a browser to render video?
No. It renders natively on WebGPU (Dawn to Metal/Vulkan) inside Node.js — no browser, no Puppeteer, no screenshots.
How do I give it to my coding agent?
Install it as a skill: /plugin install framefields in Claude Code, or npx skills add gatewai-dev/framefields for Codex, Cursor, Gemini CLI, and others. Agent workflow docs and example prompts are in the documentation.
What can it render?
Motion graphics, type, charts, 3D scenes, effects, physics and particles, audio DSP, and more — composed as a tree of layers with keyframed animation.
Reviews
See what the community thinks and share your experience.
—
Based on 0 ratings
Rating distribution
Community reviews
No reviews
No written reviews yet.
