motion-studio
v2.2.0
Published
Motion Studio: a timeline editor for Motion animations in your running app. Free to install, inspect and edit. Saving to source and agent edits need Motion+ or Motion+ Pro.
Maintainers
Readme
Motion Studio

Motion Studio is a visual animation editor for your website. Seamlessly edit animations on an intuitive timeline editor alongside our fast Ultramotion agent.
When you're happy, write your changes straight to code using your existing agent.
Install
Requirements: Motion Studio requires Motion 13.3.0 or later and Node.js 22.13 or later, or the newer Node.js version your framework requires. It can be installed into Vite, Next.js, Nuxt, Astro and Webpack projects. See the environment guide for setup and limits.
See the install guide for a copyable install prompt and full manual install instructions.
Edit
Motion Studio can edit animations created with every flavour of Motion: React, JS, Vue, vgpu and Three.js.
Inspect and edit animations for free. Motion+ members can Apply edits to your codebase via your existing code agent. Motion+ Pro adds our fast Ultramotion editing agent, and every signed-in account gets 5 free Ultramotion prompts each month.
Apply supports Claude, Cursor and Codex SDKs for instant editing, or you can copy prompts directly into your agent of choice.
Plans can be found at the Motion Studio website.
