linkgo
Framefields

Framefields

AI

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

-(0 Reviews)
Free Available
Starting from Free

About Framefields

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.

Screenshots

Framefields screenshot 1
+

Key Features

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.
Live WebGPU Preview: Scrub frame by frame and pin notes on the picture for the agent to apply.
Audio on the Same Clock: Frame-accurate soundtrack layers and procedural sound effects.
Tests for Motion: Render frame grids and assert on pixels or frame changes in Vitest.

Use Cases

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.

Frequently asked questions about Framefields

What is Framefields?

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

How does Framefields work?

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..

What are the main features of Framefields?

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..

Who is Framefields for?

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..

How much does Framefields cost?

Framefields is free to use.

How do I get started with Framefields?

Visit https://framefields.dev/ to sign up and explore Framefields.

Explore more AI Ai Tools tools

Browse all Ai Tools tools →

Browse by use case: Video Generation

Compare Framefields: vs UseIt Studio · vs Woven Video · vs Sorcerer · vs Praex