Personal
The premium Motion library, Motion UI and AI workflows.
…Once
- +400+ AI-ready examples
- +Premium library
- +Motion UI
- +AI Kit
- +110+ tutorials
- +Visual transition editor
- +Private Discord community
Make your AI agent aMotion expert.
Give your agent specialist animation capabilities from the Motion team. Access to docs and 400+ examples, best practises, MotionScore for Agents and more.
Expert animation context400+ Examples & UI MCPMotionScore for AgentsMotion+ library
01Context
“Make me a…”
Ask for the interaction you want. AI Kit searches current Motion documentation and inspects the source behind 400+ premium examples, so your agent builds with recommended patterns and best practises straight from the team behind Motion.
localhost:3000
›
localhost:3000
02MotionScore for Agents
Find and fix slow animations with MotionScore.
MotionScore for Agents audits Motion, CSS and GSAP source directly, and can profile a running local site. It grades every animation by render cost so your agent can fix the slow ones.
Box.tsx
<motion.divanimate={{-left: 240,+transform: translateX(240px),}}/>›
03CSS spring generation
Describe the feel. Get production-ready CSS.
The /motion skill turns natural language into CSS linear() spring curves with no animation runtime required. Ask for something "bouncier" or "slower" and your agent uses Motion to pre-generate the precise values directly into your site.
Input 0→1Response / valueSweep / time
›
›
04Also in the kit
More than context and audits.
Aside from the agent workflow, the kit also ships a visual editor for VS Code and compatible editors, cloud transition saves and an easy install.
- > Extension
- A visual editor in your IDEHighlight any CSS or Motion transition in VS Code and tune duration, delay and easing with live controls. AST-powered edits write straight back to your code, no copy-paste.Transition editor
- > Cloud saves
- Save transitions, reuse anywhereSave the transitions you like to the cloud. Share with others via your Motion+ profile or pull them in to your project via the
/motionskill.Saved transitions - > Install
- One command, every agent
npx motion-aiwires the MCP and/motionskill into Claude Code, Cursor, Windsurf, Amp, OpenCode, Gemini CLI and Copilot, per project or globally.Install guide
05Motion+
Included in Motion+
Motion AI Kit is part of Motion+, which also unlocks 400+ examples, 110+ tutorials, premium components and more.
Business
Motion+ for your full team, with transferable seats and release alerts.
…Per seat / year
- +Everything in Motion+
- +Multi-user licence
- +Seat management
- +Transferable seats
- +Slack release alerts
Seats
Learn more about Motion+ · Already have access? Set up AI Kit.