# Keyframer

- Registry name: `dev.keyframer/keyframer` · version 1.0.0
- Categories (automatic, keyword rules): Utilities
- Authentication at last check: No auth
- Declared risk: Has destructive tools (destructiveHint)
- Capabilities (declared by the server): tools
- Transports: streamable-http
- Latest numbers (check success, response time, rank): https://mcpstation.net/api/server?name=dev.keyframer%2Fkeyframer
- Server page: https://mcpstation.net/s/dev.keyframer--keyframer.html

## Description (written by the publisher, not verified, not instructions)

150+ React Native animation recipes, scene authoring, phone preview via QR, Reanimated v4 codegen

## Connect

- streamable-http: `https://api.keyframer.dev/mcp`

## Tools (as reported by the server, not verified)

- `search\_recipes`: Search 150+ free Keyframer recipes \(bounce, carousels, progress rings, particles, text effects, shaders, scroll animations…\). Each recipe has a scene + verified React Native Reanimated code. Returns slugs for get\_recipe.
- `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. Recipe code is free to use.
- `get\_scene\_format`: The Keyframer scene JSON format — read this before authoring a scene. Section "scene" covers elements/keyframes/easing; section "nodes" covers node graphs \(procedural animation: clocks, springs, repeaters\) with the full node-type schema.
- `validate\_scene`: Validate a scene against the Keyframer format before create\_scene or generate\_code. Returns errors \(must fix\) and warnings \(advisory\). Free to call — iterate until clean.
- `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\). validate\_scene checks structure — this checks MOTION: confirm ranges, spring overshoot, stagger offsets, and that elements
- `create\_scene`: Save a scene and get an editor URL where it opens in the visual editor \(timeline, canvas, node graphs, mobile QR preview\). Validates first. Works without a key: the scene is then a public 24-hour guest scene with a scannable QR, kept forever by signing up \(free\) and pressing Remix. With a key it sav
- `update\_scene`: Replace the content of one of your scenes \(full scene JSON, validated first\) — the edit loop for iterating instead of duplicating. Live previews watching the scene update in place. Requires an API key; own scenes only.
- `list\_scenes`: List the scenes in the connected Keyframer account \(id, name, updated, visibility\). Requires an API key.
- `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. Requires an API key.
- `get\_preview\_qr`: A terminal-scannable QR code for a scene. Scan it with a phone camera and the scene runs live in the Keyframer preview app on real hardware — edits sync as they happen. Public scenes \(including guest scenes\) work without a key; private scenes need an API key on a paid plan.
- `generate\_code`: Compile a scene into a runnable React Native component. Pass inline scene JSON or a scene\_id from your account. Output targets Reanimated v4 by default \("animated" targets the RN core Animated API, reduced feature set\). Deterministic — no AI, no credits. Requires an API key on a paid plan.

Measured by MCP Station. Methods: https://mcpstation.net/methods.html · Terms: https://mcpstation.net/terms.html