Framefields is a high-performance, code-first video engine powered by native WebGPU in Node.js. Built for AI agents and engineers, it replaces bulky creative suites with a single npm package: motion graphics, Photoshop-grade VFX, 3D scenes, and audio DSP. Zero Chromium or browser overhead—render deterministic, frame-accurate video and export hardware-accelerated MP4s directly from TypeScript.

Hey Product Hunt!

Most programmatic video tools today rely on headless Chromium, Puppeteer, or canvas hacks. They are heavy, prone to frame drops, and hard for autonomous AI agents to drive reliably.

We built Framefields to rethink video creation from the ground up: a code-first video engine running on native WebGPU (Dawn, Metal, Vulkan) directly in Node.js with zero browser overhead.

It combines what usually takes three desktop creative suites into one lightweight npm package:

• Motion Graphics & Typography: Kinetic text, SVG paths, Yoga layout trees, and spring/bezier curves.

• 2D Compositing & VFX: Photoshop-grade shaders (curves, film grain, LUTs, 3D relighting, chromatic aberration).

• Audio DSP & Sync: Sample-accurate beat grids, procedural SFX, EQ, and master compression.

• Built for AI Coding Agents: Deterministic frame clocks, visual frame-grid inspection, and hardware-accelerated MP4 export.

Everything is driven by TypeScript. Your agent or script writes code, verifies frames headlessly, and exports studio-grade video.

Check out our docs and open-source examples, and let us know what you think! What would you like to see next?

Congrats on the launch Okan! The video you have attached, is that made with Framefields?

@sohan_patil Thank you!

Yes, along with 4 other example videos in github repository - all of them edited and composed by Framefields.

See related folder for the code used to build it.