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.
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:
I've been doing more Claude-first editing of traditional footage (think talking heads/podcasts filmed in a studio) - would you say that Framefields is more for graphics and generated demos and wouldn't really add to my workflow, or does the way it teaches the agent to understand video make it useful for the "traditional" editing I do as well? With the added bonus of integrating graphics?
We make walkthrough videos for our product, so a video engine an agent can drive reliably is something I want to explore. To answer your question: I'd love to see it work with real screen recordings, so an agent can turn them into finished explainer videos. Is that possible today?
Congrats on the launch Okan! The video you have attached, is that made with Framefields?
About Framefields on Product Hunt
“Open-source code-first video for AGI era”
Framefields launched on Product Hunt on October 19th, 2026 and earned 95 upvotes and 6 comments, placing #9 on the daily leaderboard. 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.
Framefields was featured in Design Tools (263.4k followers), Developer Tools (521.4k followers), Artificial Intelligence (481.4k followers) and GitHub (41.4k followers) on Product Hunt. Together, these topics include over 296.9k products, making this a competitive space to launch in.
Who hunted Framefields?
Framefields was hunted by Okan Aslankan. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how Framefields stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Okan Aslankan
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?