Description
Framefields is a comprehensive video and image editing engine tailored for coding agents. It operates as a single npm package that utilizes TypeScript to manage a wide array of tasks, including motion graphics creation, photo editing, and rendering of videos. The engine is designed to work directly on the GPU, ensuring high performance and efficiency. This eliminates the need for headless browsers or desktop applications, streamlining the workflow for developers.
Read More
The package includes a WebGPU engine that facilitates video production, image editing, and motion graphics. Text rendering is particularly sharp, with glyph outlines solved per pixel on the GPU, making it ideal for kinetic video titles or high-resolution marketing stills. Users can animate text with After Effects-style selectors and typewriter timing.
Framefields also supports 3D graphics, offering a camera that aligns 1:1 with 2D pixels. It includes features like physically based materials, image-based lighting, shadows, bloom, ambient occlusion, and support for various 3D model formats such as OBJ, FBX, and glTF.
For image editing, Framefields provides over 50 effects, including curves, levels, selective color, 3D LUTs, and more. It also supports on-device vision tasks like detection, segmentation, and pose estimation through ONNX, allowing users to pin graphics to tracked objects or reframe videos.
The engine is equipped with a live preview feature, enabling users to scrub through compositions and pin notes for agents to apply. Soundtrack layers can be placed to the frame, with procedural sound effects available on a beat grid. Additionally, Framefields supports various chart types and Lottie files, which can be composited on the GPU.
Framefields is currently in beta (v2.2) and requires Node.js version 22 or higher, along with a WebGPU-capable GPU. It is open-source under the Apache-2.0 license, making it accessible for developers looking to integrate advanced video and image editing capabilities into their projects.
- CategoryAI Video Editors
- Pricing ModelOpen Source
- DeploymentCloud
- PlatformsNode.js
Framefields's Core Features
TypeScript-driven video and image editing
GPU-based rendering
Over 50 image effects
3D graphics support
On-device vision tasks
Live preview feature
Soundtrack and procedural sound effects
Open-source under Apache-2.0 license
How to use Framefields?
Install: Add Framefields npm package
Configure: Set up TypeScript environment
Create: Develop motion graphics and edit images
Render: Output videos directly on the GPU
Framefields's Use Cases
- Motion Graphics
- Photo Editing
- 3D Animation
- Video Rendering
- Vision Tasks
