English · 简体中文 · 日本語
OpenMotion
OpenMotion is the first full-stack agentic video generator. Upload a reference video or paste a social video link to recreate it with your own brand kit and copy.
- 🎬 Full-stack video recreation. Code video with HTML. Your agent breaks down the reference, rebuilds its shots and transitions, and generates missing assets. Edit the timing in Studio and render an MP4 from the same project.
- 🔑 BYOA — Bring Your Own Agent. BYOK — Bring Your Own Keys. OpenMotion is free and open source. Recreate videos in your local agent and use your own API keys at every layer.
- 🧩 OpenMotion introduces Motion.md, a Markdown format for shot order, timing and transitions. Use it to share how a brand film works, shot by shot.
- 🎛️ Images, video, music and voice. Generate artwork with Nano Banana 2, add a shot with Seedance 2.0, score it with Suno v4 and narrate it with Kokoro. Explore all seven built-in models.
Install in your agent
Copy this instruction into your local agent to set up OpenMotion from source:
Read https://github.com/nexu-io/openmotion/blob/main/install.md and follow the instructions to install and connect OpenMotion in the current agent.
After setup, the agent opens the local template library and suggests a template. Confirm the choice before creating a project. Source installation guide
Run the repository locally
Use Git, npm and Node.js 26.11.1:
git clone --depth 1 https://github.com/nexu-io/openmotion.git
cd openmotion
npm ci
npm run build:studio
npm start
Open the actual studioUrl or previewUrl printed at startup, then choose Template library. Studio and MCP read the templates in this checkout. To connect your agent to this same copy, follow source setup and MCP configuration. Clone size and optional media
Install the published app in your agent
This installs the published npm application and uses its configured online catalog. To use or contribute repository templates, use the local source setup above.
Copy this instruction into your local agent:
Read https://github.com/nexu-io/openmotion/blob/main/docs/install.md and follow the instructions to install and connect OpenMotion in the current agent.
After installation, the agent offers a template to try. Confirm the choice before creating a project. Installation and first-run guide
22 local agents · Choose your agent
🎞️ Use cases and remake examples
Explore product demos, brand films, talking-head videos and more. The previews below show reference videos.
Browse the full template library → — Find more templates, full videos, Motion.md and recreation instructions.
AI recuts & revisions
Product launches & demos
Brand films & motion
Explainers & tutorials
Data stories & charts
Music & art visuals
AI talking-head edits
Build a clear story around a speaker, with readable captions, screen inserts and animated keywords. Use these references to find a style for your own recording.
✨ Why OpenMotion
1. The first full-stack agentic video generator
Code video with HTML. OpenMotion uses HTML, CSS and JavaScript to describe scenes, typography, layout, transitions and timing. Recorded footage, generated clips, images, music and voice-over become media inside the composition. The same project opens in Studio and renders to MP4.
Write it. Watch it. Change it. Render it. Ask your agent to replace the product, tighten the hook, add a presenter, change the captions or try another ending. It edits the project source; you review the result in the visual editor. Local MCP clients use the project tools, while agents with shell access can follow the Skills and pinned CLI workflow. Agent setup · Native composition guide · Example HTML project
If historical media are unavailable, an Agent restore is refused before changing the project. The editor shows a dismissible error with the affected file paths and confirms that the current project is unchanged.
Review your video, arrange clips and export from the same Studio workspace.
What you can change in Studio
| In the Studio | What you can do today |
|---|
| Story and timeline | Import and arrange media; have the agent trim, reorder and revise against a script or confirmed timecodes |
| Motion and captions | Author animated type, transitions, callouts, charts and captions around your content |
| Media and sound | Import your material and generate images, video, music and TTS voice-over through the built-in model integrations |
| Image revision | Generate candidates with a reference-capable image model and adopt a replacement while preserving timing and animation |
| Preview and versions | Review in Studio, edit by hand or with your agent, and return to the project for the next revision |
| Export and source | Render a fixed version to MP4 and retain the HTML, CSS, JavaScript and media |
“Keep the reveal we approved. Replace the middle scene with this screen recording, tighten the opening using these timecodes, and hold our final CTA for two more seconds.”
Projects and versions
This is the beginning of the README. Read the rest at the original. Read the full README ↗
