RMCP.DEV
← Registry

Developer Tools

keyframer.dev

Provides recipes and tooling for authoring, validating, and previewing Keyframer scenes for React Native animations.

1 endpoint11 known toolsFirst detected August 24, 2026Last detected August 24, 2026

ENDPOINT 1

https://api.keyframer.dev/mcp

No auth detected

MCP server metadata

Name
keyframer
Version
1.0.0
Capabilities
tools.listChanged
Server instructions

Keyframer (keyframer.dev) is a visual animation editor that generates production React Native Reanimated v4 code. Workflow for building an animation: get_scene_format → author scene JSON → validate_scene (iterate until clean) → create_scene (opens in the visual editor, returns a phone-scannable QR) → update_scene to iterate → generate_code. For known patterns start from search_recipes/get_recipe — recipes include ready, verified code. No key needed for exploration or for create_scene (which then makes a public 24-hour guest scene the user can keep by signing up and pressing Remix). list_scenes/get_scene/update_scene need an API key; generate_code needs a key on a paid plan (Starter and up).

Known tools 11

search_recipes

Search 150+ free Keyframer recipes (bounce, carousels, progress rings, particles, text effects, shaders, scroll animations…).

Inferred read-only
get_recipe

Fetch one recipe by slug: metadata, the scene JSON (usable as a starting point for create_scene), and the generated React Native Reanimated component code.

Inferred read-only
get_scene_format

The Keyframer scene JSON format — read this before authoring a scene.

Inferred read-only
validate_scene

Validate a scene against the Keyframer format before create_scene or generate_code.

Inferred read-only
sample_scene

Numerically preview a scene: evaluates keyframes AND node graphs at N evenly spaced times and returns each moving prop as a value series (the same math the editor preview runs).

Inferred read-only
create_scene

Save a scene and get an editor URL where it opens in the visual editor (timeline, canvas, node graphs, mobile QR preview).

Inferred read-only
update_scene

Replace the content of one of your scenes (full scene JSON, validated first) — the edit loop for iterating instead of duplicating.

Potential side effects
list_scenes

List the scenes in the connected Keyframer account (id, name, updated, visibility).

Inferred read-only
get_scene

Fetch one of your scenes (or any public scene) as JSON — edit it and re-save with update_scene, or feed it to generate_code.

Potential side effects
get_preview_qr

A terminal-scannable QR code for a scene.

Potential side effects
generate_code

Compile a scene into a runnable React Native component.

Inferred read-only

CONNECT WITH APPROVAL

Client installation

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.keyframer]
url = "https://api.keyframer.dev/mcp"
enabled = true
Claude Code

.mcp.json

{
  "mcpServers": {
    "keyframer": {
      "type": "http",
      "url": "https://api.keyframer.dev/mcp"
    }
  }
}
Claude Desktop

Settings → Connectors → Add custom connector

Name: keyframer
Remote MCP URL: https://api.keyframer.dev/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "keyframer": {
      "url": "https://api.keyframer.dev/mcp"
    }
  }
}
Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code 
{
  "servers": {
    "keyframer": {
      "type": "http",
      "url": "https://api.keyframer.dev/mcp"
    }
  }
}
Generic MCP

Client-specific MCP configuration

{
  "name": "keyframer",
  "transport": "streamable-http",
  "url": "https://api.keyframer.dev/mcp"
}
MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

TRUST AND VERIFICATION EVIDENCE

Loading Trust v2 evidence…

Checking the associated registrable domain. The BuiltWith key remains server-side.

Indexed

Evidence is source-attributed and does not guarantee that a third-party server is safe. Risk labels are conservative metadata heuristics.