Shots

2010

Apps

470

App Sites

77

Motion

25

Snippets

NEW

MCP

Jobs

Mockup

Glossary

Storyboards

50

Shots

2010

Apps

470

MCP

Shots

2010

Apps

470

App Sites

77

Motion

25

MCP

Jobs

Storyboards

50

Shots

2010

Apps

470

App Sites

77

Motion

25

Snippets

NEW

MCP

Jobs

Mockup

Glossary

Storyboards

50

BETA

MCP

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

60fps gives Claude, ChatGPT, Cursor, Codex and any MCP tool real interaction references and the recipe behind them.

Get the setup

Included with PRO subscription

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

Three ways in. Pick the one that matches your tool.

Apps with connectors

  1. Open Settings, then Connectors, then Add custom connector

  2. Paste https://mcp.60fps.design/mcp

  3. Click Connect and enter your PRO license key

Editors and CLIs

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.

Agent prompt

Paste this prompt into Cursor, Claude Code, Codex or any coding agent. It will add the server and tell you when to sign in.

You need your 60fps PRO license key.

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."