whereismyai
Framefields
Framefields is an npm package for code-first video compositing, motion graphics, and 3D driven by AI agents.
Framefields is built for coding agents to handle video composition as pure software engineering. It combines Photoshop-inspired 2D VFX, After Effects-style motion typography, and Blender-style 3D scenes into a single lightweight npm package. The software runs without headless browsers or DOM reflows, rendering directly on GPU hardware via Dawn, WebGPU, Metal, and Vulkan. It supports inputs and models like OBJ, FBX, glTF, STL, PLY, VOX, 3DS, OFF, and ONNX models for on-device vision. It targets developers and AI agents needing serverless GPU rendering clusters or CI/CD ready video generation.
Framefields at a glance
Key features
- Slug GPU vector typography
- Photoshop-inspired 2D VFX shaders
- Unified 3D scene graph and camera
- Built-in procedural audio DSP
- Animated charts with d3 integration
- On-device neural vision and tracking
- Headless conformance and testing
Use it for
- Render MP4 videos from TypeScript code
- Generate automated video content via AI agents
- Composite 3D models and 2D graphics
- Execute on-device object tracking and segmentation
Alternatives to Framefields
- fal — Access 1,000+ generative models and high-performance serverless GPUs.
- ModLens — Converts screenshots and charts into structured JSON data for coding agents.
- HyperFrames — It enables AI agents to create and render production-ready videos.
- Swift Render — Build motion graphics and render videos using native SwiftUI, Metal, and Swift frameworks.
- Shaders — Build and export interactive WebGPU shaders with open-source components and a design editor.
- Dioramas — Ships with 20 complete example sites and an automated asset generation and optimization pipeline.
- Strata — Runs large AI models locally on consumer gaming PCs without server reliance.
- AgentField — Provides an open-source control plane and coding agent stack for production.
- Motion2code — It gives coding agents vision tools and a frame comparison loop to prevent guesswork.
- Framelink Figma MCP — Sends descriptive design data instead of prescriptive code.
- GSS — Renders 3D scenes using CSS knowledge without meshes or Three.js.
- codecity: a 3D map of your codebase — Visualises code structure, git history, and dependencies as an interactive 3D map.
All Framefields alternatives