gatewai-dev/framefields
Code-first video, rendered natively on WebGPU.
From the publisher
README & documentation
Source previewRead the project’s overview, installation instructions and usage examples. The original README is the source of truth.
Compositing, motion graphics and 3D for code-first video — one npm package that AI agents drive with code. [](https://www.npmjs.com/package/framefields) [](LICENCE) [](#) [](https://discord.gg/cbqMGGme5) [](https://www.youtube.com/@gatewai.studio) [](https://nodejs.org) [](https://www.w3.org/TR/webgpu/) [](#monorepo-architecture) [](#6-on-device-vision--tracking) Framefields is built for coding agents. It packs the work people usually split across three desktop apps (Photoshop-inspired compositing and VFX, After Effects-style motion, typography and keyframing, and Blender-style 3D scenes, cameras and models) into one lightweight npm package. Your agent writes a TypeScript composition, checks frames, and renders an MP4, and nobody has to install or license a multi-gigabyte creative suite. Code-first video as pure software engineering — no headless browser, no DOM reflow, no screenshot pipeline. Renders directly on GPU hardware via Dawn / WebGPU / Metal / Vulkan in Node.js and modern WebGPU browsers. Every frame of these films is rendered by framefields from TypeScript in examples/. Click a still to watch it on YouTube. Modern automated video generation is…
Read the full README ↗ · Preview checked 2026-10-06T12:38:58.088Z
Inside the original README — Document outline
- Made with framefields
- Table of Contents
- Why Framefields
- Architectural Comparison: Framefields vs. Remotion vs. Hyperframes
- Detailed Comparison Matrix
- Key Features & Capabilities
- 1. Slug GPU Vector Typography & After Effects Animators
- 2. Photoshop-Inspired WebGPU 2D VFX (50+ Shaders)
- 3. Unified 3D Scene Graph, Camera & Mesh Shading
- 4. Audio Layers, Procedural SFX & Reactive Signals
- 5. Animated Charts
- 6. On-Device Vision & Tracking
Headings are captured from the source. Links open the publisher’s document, not a locally hosted copy.
Links from the README
References supplied by the publisher, not independently verified endorsements. Check the destination before downloading files or entering credentials.
Documentation belongs to its respective authors. Reported project/model license: Apache-2.0. A listing is not a grant of reuse or training rights. Confirm the document’s own terms at the source.
What this repository does
Code-first video, rendered natively on WebGPU.
Repository facts
- Owner
- gatewai-dev
- Primary language
- TypeScript
- Stars
- 222
- Forks
- 5
- Open issues + pull requests
- 0
- License
- Apache-2.0
- Archived
- No
- Default branch
- main
- Created
- 2026-10-02T20:52:53.000Z
- Last push
- 2026-10-05T23:02:01.000Z
Topics and intended use
No topics were included in the latest source metadata.
Review the README for scope, installation, examples and limitations. We do not run repository code or certify it.
Evaluate before installing
Review licensing and dependencies, inspect recent commits and unresolved issues, and test in an isolated environment before production use. Stars and forks alone cannot answer these questions.
Source and freshness
Source: GitHub. Metadata observed 2026-10-06T12:05:58.366Z. Daily imports are snapshots, not real-time monitoring.
Popularity and source listings do not establish security, suitability, licensing rights or benchmark performance.