motionlens
The visual context layer for AI agents

Finally, AI agents understand animations

Turn recordings, websites, and interfaces into structured visual context that Claude Code, Cursor, and other AI coding agents can build from.

Code Generation

Trusted by fast-growing startups

How it works

Fourstepsfromascreenrecordingtoagent-readycode

No manual annotation — drop a clip, get a Blueprint, ship the motion.

01

Drop a video

Drag in any screen recording of a UI animation — from any app, site, or prototype.

02

MotionLens decodes it

Every layer, timing, easing, and sequence becomes a structured Motion Blueprint.

03

See the storyboard

Each key moment is annotated frame-by-frame, so the motion is crystal clear before you build.

04

Your agent builds it

Paste the Blueprint into Cursor or Claude and get the animation back as real, pixel-perfect code.

Model Context Protocol

One command. Motion in your agent.

MotionLens installs as an MCP server in Claude Code, Cursor, Windsurf — any agent. Run it once and your agent reads motion straight from any clip, no copy-paste.

Read the docs
$
For builders

You vibe-code the app. MotionLens handles the motion.

No more eyeballing easings or hand-tuning keyframes. Record the motion you want, drop the Blueprint into your agent, and it ships.

Built for vibe coders and AI-native devs

Prototyping solo in Cursor or shipping with a small crew — if you build with AI, MotionLens speaks your agent's language.

Everything orbits one Blueprint

Cursor, Claude Code, Codex, Windsurf, your terminal — MotionLens plugs into all of them. One Motion Blueprint, every agent.

Inside your agent

Connect. Ask. Ship the motion.

Your agent connects to the MotionLens MCP, asks about any animation, and gets a Blueprint back to build from.

Ask your agent

Your agent connects to MotionLens

Claude Code, Cursor, or any MCP client links to the MotionLens server — one command, zero config.

Ask your agent

Ask it to explain the animation

Drop a recording, paste a link, or name a file — then ask your agent to break down the motion.

Motion Blueprintprecisionhigh confidence

A dark UI assembly — the header fades in as the keyboard and input bar slide up, then suggestion pills stagger in and legal text fades last.

Get the Motion Blueprint back

An annotated storyboard, layered motion with exact timings, ready-to-paste code, and an agent prompt — straight into your editor.

Build more. Pay less. Scale smart.

Try free for 14 days with full access to all features. Upgrade only when your AI agent proves value.

Pay yearly — get 2 months free

ProPopular

$24/month

For builders shipping motion with AI agents

Upgrade to Pro

Everything in Free +

  • 300 credits / month (~100 Precision analyses)
  • Precision Mode — multi-pass + annotated storyboard
  • MCP server for Claude Code, Cursor, Windsurf, Codex
  • Priority processing
  • Longer clip uploads
  • Email support

Studio

$49/month

For teams shipping motion at scale

Upgrade to Studio

Everything in Pro +

  • 750 credits / month (~250 Precision analyses)
  • Best per-analysis rate
  • Highest-priority processing
  • Early access to new export targets
  • Priority support

Free

$0/month

Perfect for trying it out

Start Free

Get Started today:

  • 30 credits / month (~30 standard analyses)
  • Standard Motion Blueprints
  • Code export — Framer, GSAP, CSS, Tailwind
  • Works right in your browser

Frequently Asked Questions

Everything about turning animations into agent-ready Motion Blueprints. Still stuck? Reach out anytime.

Give your AI agent eyes for motion

Drop in any animation, get an agent-ready Blueprint. Free to start — no card required.

Start for free