Claude and Remotion
Remotion made “video as React code” mainstream, and Claude is a strong React developer. Pairing them works. The question is whether you want to own the code, or just the video.
Can Claude write Remotion videos?
Yes. Claude writes Remotion components in React well, and you render them with Remotion on your machine. Claude Video uses the same idea (React rendered frame by frame, then encoded with FFmpeg) but adds an AI director, 34 ready scenes, music and hosted rendering, so you get a finished video without writing code.
How it works
From prompt to finished video.
- 01
Describe it or paste a URL
Tell Claude what the video is for, or paste your site so it can read the product, grab screenshots and detect your brand colors.
- 02
Claude directs
Claude writes a storyboard: scenes, copy, timing, easing, camera moves and transitions, as structured data you can edit.
- 03
The engine animates
Kinetik renders it frame by frame in React and headless Chrome: springs, motion blur, 3D, particles and physics, with music cut to the beat.
- 04
Refine and export
Change anything by hand or in plain English, then export an MP4 in 16:9, 9:16 or 1:1, up to 4K at 60 fps.
What you get
Two good paths, different trade-offs.
- 01
Claude + Remotion
Full control and your own codebase. You handle setup, assets, fonts, audio, rendering infrastructure and licensing.
- 02
Claude Video
Paste a URL, get a film. The director, scene library, music, rendering and editor are included.
- 03
Same mental model
Kinetik works like Remotion: every frame is a pure function of time, rendered in headless Chrome and piped to FFmpeg.
- 04
Code when you need it
Developers can still write custom React scenes in Claude Video, and Claude can write them for you.
Prompts to try
Just ask.
- › Write a custom scene where the logo assembles from dots, using spring() and the current frame.
- › Make a 30-second product video for acme.app without writing any code.
- › Generate this week’s release video from the API in our CI pipeline.
Prefer to work inside Claude? Add our MCP server:
{
"mcpServers": {
"claude-video": {
"url": "https://claudevideo.io/api/mcp",
"headers": { "Authorization": "Bearer cv_live_…" }
}
}
}Full MCP setup guide Compare models
Which Claude model should direct your video?
| Model | Role in Claude Video | Best for | Speed | Context | API price / 1M tok |
|---|---|---|---|---|---|
| Claude Opus 5.5 claude-opus-5-5 | Default AI director | Launch films, product videos, multi-scene storyboards | Balanced | 1M tokens | $4 / $20 |
| Claude Sonnet 5.5 claude-sonnet-5-5 | Fast director for high volume | Social ads, hook variations, changelog videos at volume | Fast | 1M tokens | $2 / $10 |
| Claude Fable 5.1 claude-fable-5-1 | Premium director for hard briefs | Complex narratives, long explainers, custom React scenes | Deliberate | 1M tokens | $10 / $50 |
| Claude Haiku 4.5 claude-haiku-4-5 | Lightweight director for quick edits | Quick copy edits, captions, short teasers | Fastest | 200K tokens | $1 / $5 |
Anthropic API list prices (input / output) and context windows as of October 2026. Your Claude Video plan price does not change with the model.
Claude and Remotion and video: FAQ
Is Claude Video built on Remotion?
No. Claude Video runs on Kinetik, its own engine that follows the same frame-by-frame React rendering model.
Should I use Claude with Remotion or Claude Video?
Choose Claude + Remotion if you want the video as code in your own repo and you are comfortable owning the pipeline. Choose Claude Video if you want finished videos fast, an editor for non-developers, and MCP or API automation.
Can Claude write custom scenes for Claude Video?
Yes. Custom React scenes are supported on Pro and Studio, and Claude writes them well; the engine checks them for determinism before rendering.
Do I need to know React?
Not for Claude Video. Only custom scenes involve code.
Is this affiliated with Remotion or Anthropic?
No. Remotion and Claude are trademarks of their respective owners. Claude Video is an independent product.
Keep exploring
More on Claude and motion design.
Claude Video is an independent product and is not affiliated with, endorsed by, or sponsored by Anthropic PBC. “Claude” is a trademark of Anthropic PBC. Model facts as of October 2026.
Start now
Your next film is one prompt away.
Paste your website. Get a studio-grade motion-design video in minutes. 3 free exports every month, no credit card.