1005: Programatic and Skill based Video Creation with Remotion
Get the full intelligence
Search transcripts, export clips, track mentions, and explore all topics from “1005: Programatic and Skill based Video Creation with Remotion” inside PodZeus.
Johnny Berger, creator of Remotion, returns to Syntax to reveal how his open-source video creation tool has exploded in popularity thanks to AI-powered 'skills' that let users generate videos by simply typing prompts—no coding required. What began as a niche React-based video framework has evolved into a full-fledged motion design ecosystem, now used by major companies like OpenAI to produce polished product launch videos. The real breakthrough, however, isn't just AI—it's the emergence of HTML in Canvas, a new Chrome experimental API that allows developers to render interactive HTML content directly into a canvas with full access to shaders, effects, and real-time interactivity. This fusion of web technologies and video rendering is poised to redefine how motion graphics are built, enabling everything from dynamic lower thirds to AI-driven live light shows. Despite the surge in 'video slop' and platform detection efforts, Berger remains focused on empowering creators with tools that prioritize code as the source of truth, while quietly building a sustainable open-source business model through Remotion Pro. The episode dives deep into the technical and philosophical challenges of blending AI with creative workflows—how to balance agent-driven generation with human oversight, how to maintain code integrity when editing visually, and how to future-proof tools against platform crackdowns.
Use Remotion's AI skills to generate videos from natural language prompts—no coding required, but human oversight is still essential for quality.
HTML in Canvas lets you render interactive HTML inside a canvas with full shader support, enabling advanced effects like blur, vignette, and 3D text in web-based video.
Remotion uses a sustainable open-source model: free for teams under 4 people, paid for larger organizations—no one has complained about the monetization.
Code remains the source of truth: visual edits in the UI are automatically synced back to React code via JavaScript proxies and source maps.
For motion graphics like lower thirds, build them in React with props, then export via CLI to use in DaVinci Resolve or After Effects.
…and 3 more takeaways available in PodZeus
Remotion's AI-Powered Explosion
“It was very good. It still needs like a human. Like you said, like Remotion is a lot of like video tech. And it has a lot of like built in animations and examples and things like that, which is why it makes good stuff.”
The Rise of AI-Driven Video Creation
The episode explores how AI skills have shifted Remotion’s user base from developers to non-technical creators, enabling product launch videos, explainer content, and even AI-generated music videos.
Remotion's Sustainable Monetization Model
Johnny reveals how Remotion Pro, a license requiring companies with 4+ employees to pay, has allowed the project to grow into a team of three without alienating users.
HTML in Canvas: The Next Big Thing
“It feels like day one again because that number one constraint that we had is now gone.”
WebCodecs and Frame-Accurate Video Processing
Remotion now uses WebCodecs to parse MP4s at the binary level, enabling precise frame extraction and conversion—bypassing browser video tag limitations.
“It feels like day one again because that number one constraint that we had is now gone.”
“remain the source of truth. So if you visually edit the values in a UI, how does it save back to the code?”
“I made a slop video the other day and I removed it. I think I removed it. But, or no, I didn't. And TikTok just tanked it immediately.”
Host
Guest
Remotion
product
Johnny Berger
person
Claude
other
After Effects
product
Lottie
other
WebCodecs
other
AWS Lambda
other
OpenAI
organization
DaVinci Resolve
product
FFmpeg
product
992: Migrating Legacy Code Just Got Easier
Syntax - Tasty Web Development Treats • 29m • 4/1/2026
993: It’s Been A Hell Of Week
Syntax - Tasty Web Development Treats • 38m • 4/6/2026
994: AI Sucks At CSS
Syntax - Tasty Web Development Treats • 1h 0m • 4/8/2026
995: Next.js Vendor Lock-in No More
Syntax - Tasty Web Development Treats • 1h 4m • 4/13/2026
996: 10 New CSS and HTML APIs
Syntax - Tasty Web Development Treats • 31m • 4/15/2026
Get the full intelligence
Search transcripts, export clips, track mentions, and explore all topics from “1005: Programatic and Skill based Video Creation with Remotion” inside PodZeus.
Start discovering podcast insights today
Start with a 7-day trial and explore a growing catalog of popular podcasts. No credit card required.
No credit card required • 7-day trial • Cancel anytime
