I built a tool that creates videos out of React code

Hacker News

Share card

I built a tool that creates videos out of React code

The one-liner: You give it a script, it generates a portrait video in 10 minutes. No stock footage, no templates—it writes code that renders as video. ## Why I built this We were building game dev courses at Outscal and needed to produce a lot of video content fast. Traditional video production was slow. AI video generators looked weird. So we tried a different approach: what if video was just code? Turns out it works. We can replicate specific art styles, and the output is consistent and editable. ## What it can do - Generate 30-60 second shorts from a script - Match specific visual styles - Let you fix individual scenes via chat if something's off ## What it can't do (yet) - Custom art styles (we have a few presets) - Run in a web UI (API costs are too high right now, so it runs through Claude Code in terminal) Occasionally a shape might render slightly off, but you can tweak individual scenes through chat. ## How it actually works The tool uses Claude Code to generate React components for each scene in your script. These components animate and render exactly like a video would. When you're done, you get a real video file. It's not "AI video generation" in the usual sense. There's no diffusion model hallucinating frames. It's closer to programmatic motion graphics—but you don't write the code, Claude does. ## What I'm looking for 10 people who want to try it. Not paying customers—just people who make (or want to make) Short form and are comfortable enough with a terminal to run Claude Code. You'd get access to our setup, and I'd want your honest feedback on what works and what doesn't. If this sounds interesting, try the project on git, it is open-source.