Skip to main content
Glama
orkait

motion-dev-react-mcp

by orkait
OverviewSchemaSourceRelated ServersDiscussionsAdmin
TypeScript
Remote

Install

Claude Code

claude mcp add motion-dev-react-mcp -- npx -y @orkait-ai/motion-dev-react-mcp

Cursor / Windsurf / any MCP client

{
  "mcpServers": {
    "motion-dev-react-mcp": {
      "command": "npx",
      "args": ["-y", "@orkait-ai/motion-dev-react-mcp"]
    }
  }
}
git clone https://github.com/orkait/motion-dev-react-mcp.git
cd motion-dev-react-mcp && npm install && npm run build
claude mcp add motion-dev-react-mcp -- node $(pwd)/dist/index.js

Related MCP server: vinance-recipes

What it does

Your AI writes Motion code that actually works — because it can look up the real API instead of guessing.

// Without MCP — AI hallucinates
import { useViewportScroll } from "framer-motion"  // wrong

// With MCP — AI looks it up
import { useScroll, useTransform } from "motion/react"  // correct
const { scrollYProgress } = useScroll({ target: ref, offset: ["start end", "end start"] });

Tools

Tool

Purpose

get_api

Props, types, defaults, and usage for any component or hook

search_docs

Find the right API — "how to animate on scroll"

get_examples

Working code by category — scroll, drag, layout, exit, SVG...

generate_animation

Describe what you want → get a working component

get_transitions

Spring, tween, inertia config and orchestration

list_apis

Browse all 33 APIs, filter by kind

Coverage

33 APIs — verified against motiondivision/motion v12 source code.

Components

motion AnimatePresence LayoutGroup LazyMotion MotionConfig Reorder.Group Reorder.Item

Hooks

useAnimate useMotionValue useTransform useSpring useScroll useInView useMotionValueEvent useVelocity useTime useMotionTemplate useDragControls useAnimationFrame useReducedMotion useIsPresent usePresence usePresenceData useWillChange useCycle usePageInView

Functions

animate stagger hover press scroll inView

14 example categories — animation, gestures, scroll, layout, exit, drag, hover, SVG, transitions, variants, keyframes, spring, reorder, performance.

Every prop, every default, every example — cross-referenced against the source, not just the docs.

Why this over the other one

motion-dev-react-mcp

the other MCP

APIs

33

9 (5 broken)

Dependencies

2

180+ (SQLite, Babel, Cheerio...)

Framework

React only

React + Vue + JS (stubs)

Defaults

Source-verified

From docs (some wrong)

Tests

70 passing

1 (1+1=2)

Last updated

Active

Aug 2025

Contributing

PRs welcome. Open an issue if Motion adds new APIs or you spot an inaccuracy.

Motion+ paid components (AnimateNumber, Carousel, Cursor, ScrambleText, Ticker, Typewriter) are intentionally excluded.

License

MIT © Orkait

This server cannot be deployed

One endpoint for every MCP toolRayrun runs every MCP server behind one URL and holds the credentials. Each call is decided per client, tool, and argument, then recorded.ray.runAd

Maintenance

ActivityInactive
ResponsivenessNo issues

Resources

Related MCP Connectors

Related MCP Servers

  • lenis-mcp-server

    devAndreotti
    A
    license
    A
    quality
    D
    maintenance
    MCP server providing embedded Lenis smooth scroll expertise to AI assistants, enabling setup generation, API reference, debugging, scroll patterns, and performance optimization without network requests.
    5
    MIT

  • vinance-recipes

    Austinnui
    A
    license
    A
    quality
    D
    maintenance
    MCP server providing access to a catalog of reusable React/Next.js component recipes (animations, charts, UI components) with usage examples, props documentation, and architecture notes, enabling AI assistants to generate production-ready code.
    3
    MIT

  • gsap-mcp

    itzd-dev
    F
    license
    Not graded
    quality
    B
    maintenance
    A local/global MCP server that enables AI agents to generate GSAP v3 animation code, search documentation, validate CSS selectors, and provide best practice guidance.
    -

  • bleurs

    Anandb71
    A
    license
    A
    quality
    B
    maintenance
    MCP server for Python API verification and projection, enabling AI coding agents to detect non-existent APIs and retrieve exact API surfaces before writing code.
    3
    MIT