{
 "schema_version": 1,
 "generated": "2026-10-20",
 "repo": "gatewai-dev/framefields",
 "name": "framefields",
 "owner": "gatewai-dev",
 "slug": "gatewai-dev-framefields",
 "github": "https://github.com/gatewai-dev/framefields",
 "what": "Framefields is an Apache-2.0 TypeScript npm package that lets code and AI agents build compositing, motion graphics, and 3D video, then render it to MP4 directly on the GPU through WebGPU.",
 "why": "",
 "language": "TypeScript",
 "requirements": [
  "Node.js 22 or newer",
  "pnpm, to run `pnpm add framefields`",
  "A GPU with WebGPU support (macOS Metal, Linux Vulkan, or Windows D3D12)",
  "A coding agent such as Claude Code, Cursor, or Codex, if you want the agent to write the composition"
 ],
 "audience_note": "Developers and coding-agent users who want to generate motion graphics or short videos from TypeScript code instead of desktop editing software.",
 "risk": "none",
 "section": "earlier",
 "weekly_rank": null,
 "category": "Content",
 "url": "https://dedupedai.com/use-cases/gatewai-dev-framefields/",
 "use_case_count": 4,
 "use_cases": [
  {
   "id": "gatewai-dev-framefields--render-title-card-mp4-from-typescript",
   "title": "Render a title card to MP4 from TypeScript",
   "best": true,
   "url": "https://dedupedai.com/use-cases/gatewai-dev-framefields/render-title-card-mp4-from-typescript/",
   "json": "https://dedupedai.com/use-cases/u/gatewai-dev-framefields/render-title-card-mp4-from-typescript.json"
  },
  {
   "id": "gatewai-dev-framefields--install-framefields-agent-skills",
   "title": "Teach a coding agent to author Framefields videos",
   "best": false,
   "url": "https://dedupedai.com/use-cases/gatewai-dev-framefields/install-framefields-agent-skills/",
   "json": "https://dedupedai.com/use-cases/u/gatewai-dev-framefields/install-framefields-agent-skills.json"
  },
  {
   "id": "gatewai-dev-framefields--build-beat-synced-motion-graphics",
   "title": "Build beat-synced motion graphics for a short video",
   "best": false,
   "url": "https://dedupedai.com/use-cases/gatewai-dev-framefields/build-beat-synced-motion-graphics/",
   "json": "https://dedupedai.com/use-cases/u/gatewai-dev-framefields/build-beat-synced-motion-graphics.json"
  },
  {
   "id": "gatewai-dev-framefields--render-gltf-model-in-3d-scene",
   "title": "Render a glTF model in a lit 3D scene",
   "best": false,
   "url": "https://dedupedai.com/use-cases/gatewai-dev-framefields/render-gltf-model-in-3d-scene/",
   "json": "https://dedupedai.com/use-cases/u/gatewai-dev-framefields/render-gltf-model-in-3d-scene.json"
  }
 ],
 "disclaimer": "Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk."
}