Real iOS interaction clips, motion breakdowns, SwiftUI to match. Paid licence required.
Quick Install
Automated & IDE SetupCopy the AI prompt to install this server into Claude Code, Cursor, or another agent — or use 1-click editor setup below.
Manual Client & Custom JSON ConfigExpand JSON ▾
Client Config & Setup
Remote HTTPChoose your client or environment
Target File:
💡 Paste the JSON block into your client's configuration file under mcpServers, then restart the application.
Documentation Overview
60fps
Describe the motion you want. Get back a real iOS clip that does it, and a SwiftUI file that recreates it.
The library holds 2,000+ interaction clips from apps that shipped. Each one comes with a written breakdown of its motion: the start state, the transition, the end state, and the timing and easing behind it. Use it instead of guessing numbers.
What you get
| Tool | What it does |
|---|---|
60fps_search_shots | Semantic search. Describe the motion, not keywords. |
60fps_list_filters | Every filter the library uses, for exact search filters. |
60fps_get_shot | One shot in full, with keyframes. |
60fps_get_motion_breakdown | Start, transition, end, plus timing and easing. |
60fps_get_motion_code | A self-contained SwiftUI file for that shot. |
60fps_get_related_shots | For when the first pick is close but not right. |
There is also a motion-reference skill. It tells the agent when to use the library and when to
leave it alone.
Install
The server is hosted, so there is nothing to run locally. Signing in opens OAuth in your browser.
-
Cursor: install from the marketplace, or from the Customize panel.
-
Grok Build: install from the plugin marketplace.
-
Claude Code: add this repo as a marketplace, then install the plugin.
Or skip the plugin and add only the server:
claude mcp add --transport http 60fps https://mcp.60fps.design/mcp -
Anything else that speaks MCP: point it at
https://mcp.60fps.design/mcpover streamable HTTP. See mcp.json.
You need a 60fps licence key: a 60fps MCP key, or a 60fps PRO key bought on or before 12 Sep 2026. PRO bought after that date does not include the MCP. Without a key the tools connect but return a 401. That is intended, not a fault.
Use it with Xcode
Xcode 26.3 and later ship their own MCP server, so an agent can drive the build system, the Simulator, Previews and the debugger. Point that agent at 60fps at the same time and the loop closes: it finds a real interaction, reads the motion breakdown, writes the SwiftUI, builds it, and looks at the result.
Xcode launches the agent for you, with its own tools already wired in:
Anything you have installed in that agent comes along, so with this plugin the session has both toolsets. A prompt like "find how Threads does pull to refresh, then build it in this project and show me the Preview" is one agent turn rather than three tools and a copy and paste.
xcrun mcpbridge --help lists the rest, including --no-xcode-tools to leave Xcode's tools out and
run-agent skills export to dump the skills Xcode ships. The bridge needs Xcode open on a project,
and agent access enabled in Xcode's settings, before it will hand anything over.
What it covers
iOS only, and motion only.
It will not help with Android, Material, Flutter, React Native or web. It will not design icons, palettes, logos or brands. It has nothing to do with frame-rate profiling, which shares the name and nothing else. The skill tells the agent to answer those directly instead of searching.
Search always returns something, because it ranks the whole library by closeness. Judge the results on their merits, not on how many were searched.
About the code
Each file is standalone. Paste it into Xcode and run it.
It carries none of the original app's words, colours, branding or assets, by design. Restyle it to your own design system. The motion is the part worth keeping.
Links
mcp.60fps.design sets no cookies and runs no analytics. It makes exactly one outbound third-party
request, for storyboard frames from Framer's image CDN, and sends nothing about the caller.
Licence
MIT, for this repository only: the manifests, the skill text and the logo.
It does not license the 60fps library, the hosted service, or the clips and code they return. Those stay under the terms.
Related MCP Servers
Adoption & maintenance
Factual signals from GitHub, npm, and our automated checks — not a rating.
Last commit
6d ago
Most recent push to the default branch.
Directory activity
1 views
Config copies, upvotes, and views on AllMCPs.
Reviews
No reviews yet — be the first to share how this listing worked for you.
Frequently Asked Questions about 60fps
AllMCPs Directory Badge
Showcase your server listing on GitHub or your project documentation. Embed this dynamic SVG badge to highlight official listing status and live engagement.
Badge Style:
Live Dynamic SVG Preview
Markdown (GitHub README)
[](https://allmcps.com/mcp/60fps)HTML Embed
<a href="https://allmcps.com/mcp/60fps"><img src="https://allmcps.com/api/badge/60fps?style=directory" alt="60fps on AllMCPs" /></a>Technical Specs & Signals
CategoryDeveloper Tools
11/11 checks healthy over the last 42d
40Quality signal: Fair · 40/100How this signal is calculated ▾
Server availabilityNot measured
Not scored for repo-hosted servers — we can't reach the running server, only its GitHub page. Hosted MCP endpoints are health-checked live.
Verified ownership10/20
Documentation & tools16/30
Adoption & activity4/15
Community engagement0/10
A guidance signal from public completeness & health data — not a user rating. New listings start lower and rise as they add docs, get verified, and grow adoption. Signals we can't observe for a listing are skipped, not counted against it.
Own this project?
This directory is pre-filled from public sources. Claim via GitHub README, site badge, or DNS TXT to unlock edit access and the Official badge — proof is checked automatically, then reviewed by our team.
Free dofollow backlink: add your website and place the AllMCPs badge on it — no claim needed. We detect it automatically and keep it verified as long as the badge stays live.
Claim & get free dofollowShare & Embed
Add our SVG badge (dark/light directory styles) or embeddable widget to your site.