Open source · v0.1.0
A motion tool for designers
who think in layouts.
Auto-layout, 3D camera, multi-chapter timeline, pixel-correct MP4 / WebM / GIF. Open source, free forever.
Windows build coming soon
What ships today.
Semantic keyframes
Animate variant, opacity, scale, rotation, gap, padding — not raw x / y. Layouts can shift without breaking timing.
Auto layout
Flex containers with gap, padding, alignment. The same layout model designers already think in from Figma.
3D camera
X / Y / Z position, three-axis rotation, real depth-of-field with aperture and focus distance. Keyframe it like any other property.
Timeline with chapters
Named sections you can isolate, loop, and export. Pick any combination of chapters and ship them as one concatenated file.
Pixel-correct export
MP4 (H.264 via WebCodecs) up to 4K. WebM via tab capture. GIF via gifenc. Captured directly from the renderer — no screen recording.
Figma import
Plugin that brings frames, text, layout sizing, per-corner radii, individual stroke weights, and layout grids onto the canvas.
Open source
Apache 2.0, full source on GitHub. Yjs-backed data model from day one — real-time collab arrives without a rewrite.
AI-driveable
CLI + Model Context Protocol server included. Claude Code, Codex, and any MCP-compatible agent can render scenes from the terminal.
Render from the terminal.
Optional companion package. Drive renders from a script, a CI job, or an AI coding agent.
Terminal
# install globally $ pnpm add -g @psiddharthdesign/hypermotion # render the current scene $ hypermotion render -o demo.mp4 -q 4k # wire it into Claude Code $ claude mcp add hypermotion -- hypermotion-mcp