# Motion Menu

> 596 interactive motion patterns — scroll-driven WebGL, shader passes, spring
> choreography — as transplantable HTML/CSS/JS an agent reads directly and drops into a page.
> Free tier: 26 patterns, no card, no expiry. Lifetime: $149 once, everything, forever.
> 26 collections, filed by page role.

MCP endpoint: https://motion-menu-two.vercel.app/api/mcp — JSON-RPC 2.0, streamable-http, single POST.
`initialize` returns teaching instructions; no key needed to initialize, list tools, or call
the free ones.

## Connect

Claude Code:

    claude mcp add --transport http motion-menu https://motion-menu-two.vercel.app/api/mcp \
      --header "Authorization: Bearer ${MOTION_MENU_KEY}"

Cursor / Windsurf (mcp.json):

    {
      "mcpServers": {
        "motion-menu": {
          "url": "https://motion-menu-two.vercel.app/api/mcp",
          "headers": { "Authorization": "Bearer ${MOTION_MENU_KEY}" }
        }
      }
    }

Plain HTTP, no MCP client needed:

    curl -H "Authorization: Bearer mm_live_..." https://motion-menu-two.vercel.app/p/150.json
    curl https://motion-menu-two.vercel.app/kit.md   # public index + rules, no key

shadcn registry:

    npx shadcn@latest add "https://motion-menu-two.vercel.app/r/<slug>.json?framework=react"

## Workflow

initialize (read the instructions) → get_design_digest → recommend_patterns →
validate_combination → compose_page → get_pattern. `get_kit` is the one-call overview — design
laws plus the full index in a single response.

## Pricing

Free tier: 26 patterns, no card, no expiry — plus list_patterns, list_themes, get_kit,
recommend_patterns and validate_combination, which cost nothing regardless of pattern count.
Lifetime: $149 once — all 596 patterns, all themes, compose, publish, yours forever.
No subscriptions, no seats to manage, no renewal.

## Links

- https://motion-menu-two.vercel.app/store — get a key, pricing, integration snippets
- https://motion-menu-two.vercel.app/connect — this page, for humans
- https://motion-menu-two.vercel.app/catalogue — browse the library
- https://motion-menu-two.vercel.app/docs — quickstart and the full HTTP surface reference