

Open-source TypeScript framework that lets coding agents write, check and render GPU-accelerated video to MP4.

Open-source TypeScript framework that lets coding agents write, check and render GPU-accelerated video to MP4.
Framefields is an open-source framework for producing video from code, designed so coding agents can write, check and ship it. Compositions are written in TypeScript and rendered straight to a GPU texture and then to MP4, instead of screenshotting a headless browser. It covers motion graphics, GPU-solved type, 3D with physically based materials, more than 50 effects, charts, Lottie, audio and on-device vision. It installs as a plugin for Claude Code and as skills for Codex, Cursor and Gemini CLI, and is licensed Apache-2.0.

Open-source TypeScript framework that lets coding agents write, check and render GPU-accelerated video to MP4.
Framefields works by combining GPU Rendering to MP4: Frames render directly to a GPU texture rather than via headless Chromium, using far less memory per worker., Resolution-Independent Type: Glyph outlines solved per pixel stay crisp from 10 px to 10,000 px, with letter-by-letter animation selectors., Integrated 3D: A camera aligned 1:1 with 2D pixels, PBR materials, shadows, bloom and OBJ, FBX, glTF, STL, PLY and VOX models., 50+ Effects: Curves, levels, 3D LUTs, halftone, film grain, mesh warp, glass, track mattes and scene transitions., On-Device Vision: Detection, segmentation, pose and person mattes through ONNX for tracking and reframing. to help users with Agent-Made Videos: Having a coding agent produce launch or explainer videos from a prompt., Data Visualization Video: Animating line, bar, scatter and candlestick charts., Social Reframing: Converting 16:9 footage to 9:16 with tracked subjects., Product Demos: Compositing 3D models and motion graphics into product films., Automated Video Pipelines: Rendering repeatable MP4s in CI with tested animations..
Key features include GPU Rendering to MP4: Frames render directly to a GPU texture rather than via headless Chromium, using far less memory per worker., Resolution-Independent Type: Glyph outlines solved per pixel stay crisp from 10 px to 10,000 px, with letter-by-letter animation selectors., Integrated 3D: A camera aligned 1:1 with 2D pixels, PBR materials, shadows, bloom and OBJ, FBX, glTF, STL, PLY and VOX models., 50+ Effects: Curves, levels, 3D LUTs, halftone, film grain, mesh warp, glass, track mattes and scene transitions., On-Device Vision: Detection, segmentation, pose and person mattes through ONNX for tracking and reframing..
Framefields is useful for anyone interested in Agent-Made Videos: Having a coding agent produce launch or explainer videos from a prompt., Data Visualization Video: Animating line, bar, scatter and candlestick charts., Social Reframing: Converting 16:9 footage to 9:16 with tracked subjects., Product Demos: Compositing 3D models and motion graphics into product films., Automated Video Pipelines: Rendering repeatable MP4s in CI with tested animations..
Framefields is free to use.
Visit https://framefields.dev/ to sign up and explore Framefields.
Browse by use case: Video Generation
Compare Framefields: vs UseIt Studio · vs Woven Video · vs Sorcerer · vs Praex