Keyframer
150+ React Native animation recipes, scene authoring, phone preview via QR, Reanimated v4 codegen
Install
Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).
claude mcp add --transport http keyframer 'https://api.keyframer.dev/mcp' --header 'Authorization: <Optional: '\''Bearer kf_...'\'' API key from keyframer.dev/app/profile (MCP tab). Recipe search, scene validation, and 24-hour guest scenes work with no key; a key saves scenes to your account.>'
{
"mcpServers": {
"keyframer": {
"type": "http",
"url": "https://api.keyframer.dev/mcp",
"headers": {
"Authorization": "<Optional: 'Bearer kf_...' API key from keyframer.dev/app/profile (MCP tab). Recipe search, scene validation, and 24-hour guest scenes work with no key; a key saves scenes to your account.>"
}
}
}
}
Frequently asked questions
What is Keyframer?
150+ React Native animation recipes, scene authoring, phone preview via QR, Reanimated v4 codegen
How do I install Keyframer?
It runs as a remote server. In Claude Code: claude mcp add --transport http keyframer 'https://api.keyframer.dev/mcp' --header 'Authorization: <Optional: '\''Bearer kf_...'\'' API key from keyframer.dev/app/profile (MCP tab). Recipe search, scene validation, and 24-hour guest scenes work with no key; a key saves scenes to your account.>'. For other clients, paste the JSON configuration from this page into their MCP settings.
Does Keyframer need an API key?
Yes. It expects Authorization, which you set in its configuration.
Who maintains Keyframer?
It is published by dev.keyframer. AI.tn lists it but does not maintain or endorse it.
From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.