BETA

MCP

Your AI can build UI. It can't do motion.

60fps gives Cursor, Claude, Codex and any MCP tool real interaction references and the recipe behind them, right where you build.

What it does

Find the shot in plain words

Understand how it moves, and why

Build from the real timing, not a guess

See it think

Trigger what sets it off

Starts the opening state

Moves the motion, beat by beat

Settles where it lands

Why it feels right

You watch it. Your AI reads the recipe.

Setup

You need your 60fps PRO license key.

Paste this into your tool's MCP config and swap in your key:

{
  "mcpServers": {
    "60fps": {
      "url": "https://mcp.60fps.design/mcp",
      "headers": { "Authorization": "Bearer YOUR_60FPS_PRO_LICENSE_KEY"

{
  "mcpServers": {
    "60fps": {
      "url": "https://mcp.60fps.design/mcp",
      "headers": { "Authorization": "Bearer YOUR_60FPS_PRO_LICENSE_KEY"

{
  "mcpServers": {
    "60fps": {
      "url": "https://mcp.60fps.design/mcp",
      "headers": { "Authorization": "Bearer YOUR_60FPS_PRO_LICENSE_KEY"

{
  "mcpServers": {
    "60fps": {
      "url": "https://mcp.60fps.design/mcp",
      "headers": { "Authorization": "Bearer YOUR_60FPS_PRO_LICENSE_KEY"

Restart your tool. The 60fps tools show up automatically.

Tools we offer

Five tools your AI calls for you:

/search_shots

Describe what you want. Get the closest shots.

/get_shot

Full detail on one shot: keyframes, filters, mood.

/get_motion_breakdown

Trigger, start, move, settle, and why.

/get_motion_code

Real SwiftUI for the motion, compile-checked.

/get_related_shots

More like this, for exploring variations.

Try asking

"A Duolingo streak celebration, motion first."

"Calm transitions for a finance app."

"A springy pull-to-refresh, explain the spring."

"Compare three bottom sheets for premium feel."

"Bold, playful onboarding, and why it pops."