60fps — Claude Code MCP server for SwiftUI animations
Find motion examples from shipped iOS apps, inspect their transitions, and get SwiftUI code to recreate them. Useful when building or refining animated app interactions.
claude mcp add --transport http library https://mcp.60fps.design/mcpWhat 60fps does
60fps connects a coding agent to a library of motion examples taken from released iOS apps. Describe an interaction in natural language, and the server searches for relevant clips, exposes their keyframes, and explains how the animation moves from its initial state to its final one, including timing and easing. You can also retrieve a standalone SwiftUI file for use in Xcode.
The included skills help review where motion belongs in an app, define shared animation settings in Motion.swift, design loading and error feedback, and prepare implementation notes from a reference clip. Your agent leaves project code untouched until you approve changes. The hosted server requires a paid 60fps MCP licence or a qualifying 60fps PRO key purchased on or before 12 Sep 2026. Requests without a valid key return HTTP 401.
The service covers iOS motion only. It does not provide Android, Flutter, React Native, or web animation references, nor does it handle frame-rate profiling or brand assets. Generated SwiftUI examples omit the original app's copy, colours, and assets, so the visual styling must be rebuilt to fit your own design system.
What it helps with
- Locate a real iOS example of a gesture-driven transition
- Recreate an interface animation in SwiftUI using its keyframes
- Identify screens and interactions that would benefit from motion
- Define shared durations, springs, and haptics in
Motion.swift - Write implementation notes for loading, success, and error feedback
Example prompts for the agent
- Find an iOS app example of pull-to-refresh and build a SwiftUI version in this project.
- Review my SwiftUI code, identify useful animation points, and find matching references in the 60fps library.
- Design loading, success, and error states for this feature, including motion and haptic feedback.
How to install 60fps
Platform CLI: remote server
claude mcp add --transport http library https://mcp.60fps.design/mcpPlatform CLI: remote server
codex mcp add 60fps --url https://mcp.60fps.design/mcpConfig file
{
"mcpServers": {
"60fps": {
"url": "https://mcp.60fps.design/mcp"
}
}
}Config file
{
"servers": {
"60fps": {
"type": "http",
"url": "https://mcp.60fps.design/mcp"
}
}
}Platform CLI: remote server
gemini mcp add -t http 60fps https://mcp.60fps.design/mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about 60fps
How do I install 60fps in Claude Code?
Run claude mcp add --transport http library https://mcp.60fps.design/mcp, then run claude mcp add --transport http 60fps https://mcp.60fps.design/mcp. You also need a valid 60fps MCP licence or a qualifying 60fps PRO key.
What does the 60fps MCP server do?
It searches real iOS interaction examples and provides motion details, keyframes, and standalone SwiftUI code. Its bundled skills also help plan animation behavior and document it for implementation.
Can I use 60fps for Android or web interfaces?
No. Its references and generated code target iOS and SwiftUI. The sample files can run in Xcode, but you need to adapt their styling to your own app.
