beta

Create motion animations in collaboration with AI.

Take your design assets and turn them into engaging short-form content. Sped up by AI, fully customizable.

UI Screenshot
The no-code for animation
You get a normal animation editor, Midrender makes your compositions understandable to AI.
Props
Position
X0
Y0
Layout
Auto Layout
↔row▾
⊟20
Canvas
turns into
scene1.mdr
Layout container {
    position: [0, 0],

    layout: true,
    direction: "row",
    gap: 20,

    Rect rect1 { fill: "#667eea", }
    Rect rect2 { fill: "#764ba2", }
    Rect rect3 { fill: "#f093fb", }
}
It speaks MCP
Add Midrender to agents like Claude Code or Cursor. Create marketing content from your terminal.
claude code
❯change rect3 to pink
⏺ midrender - read_source
{source: "Layout container ..."}
⏺ midrender - update_source
{success: true}
⏺ Done! Changed rect3's fill color
to #f093fb (pink).
scene1.mdr
Layout container {
    position: [0, 0],

    layout: true,
    direction: "row",
    gap: 20,

    Rect rect1 { fill: "#764ba2", }
    Rect rect2 { fill: "#764ba2", }

-   Rect rect3 { fill: "#764ba2", }
+   Rect rect3 { fill: "#f093fb", }
}
beta
It's here!
Links
ChangelogGet StartedPrivacy Policy