Skip to main content
Glama
orkait

motion-dev-react-mcp

by orkait
OverviewSchemaRelated ServersScoreDiscussions
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: react-native-dev-mcp

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 installed

A
license - permissive license
-
quality - not tested
C
maintenance

How are these scores calculated?

Maintenance

–Maintainers
–Response time
0dRelease cycle
6Releases (12mo)
Commit activity

Resources

Unclaimed servers have limited discoverability.

Looking for Admin?

If you are the server author, to access and configure the admin panel.

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.
    Last updated
    5
    MIT

  • vinance-recipes

    Austinnui
    A
    license
    -
    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.
    Last updated
    MIT

View all related MCP servers

Related MCP Connectors

  • noteit-mcp

    MCP server for AI agent profiles and smart notes. 60+ coding prompt packs with expert personas.

  • driflyte-mcp-server

    Driflyte MCP server which lets AI assistants query topic-specific knowledge from web and GitHub.

  • mcp-veo

    MCP server for Google Veo AI video generation

View all MCP Connectors

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/orkait/motion-dev-react-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server