# Keyframer [Health: Active]

**Category:** 💻 Developer Tools  
**Repository:** https://keyframer.dev/mcp  
**Views:** 0  
**Installs:** 0  
**Upvotes:** 0  
**Directory Page:** https://allmcps.com/mcp/keyframer

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

## Claude Desktop Quick Installation
Remote MCP endpoint (confidence: medium). Install path inferred — verify against the README before running it. Add as a URL/SSE server in your client:

```json
"mcpServers": {
  "keyframer": {
    "url": "https://keyframer.dev/mcp"
  }
}
```

## Documentation

## What Keyframer MCP server does

Keyframer MCP server supports React Native animation work through a collection of more than 150 animation recipes, scene authoring, phone preview, and Reanimated v4 code generation. The listing positions it as a tool for turning animation ideas into authored scenes and implementation output rather than as a general-purpose React Native development server.

The recipe library can serve as a starting point when an agent needs an existing animation pattern. Scene authoring covers the composition of animation scenes, while the phone-preview feature lets developers inspect results on a physical device by scanning a QR code. Reanimated v4 code generation is intended for producing implementation code for that animation framework and version.

## Tools and capabilities

The available description identifies four capability areas:

- More than 150 React Native animation recipes for exploring established patterns.
- Scene authoring for creating or arranging animation scenes.
- QR-based phone preview for checking scenes on a phone.
- Reanimated v4 code generation for producing React Native animation code.

These capabilities suggest a workflow that starts with a recipe or authored scene, uses the QR preview to inspect the result, and then produces Reanimated v4 code. The supplied material does not identify individual MCP tool names, parameters, return values, or whether generated code includes project-specific configuration.

## How it works

Keyframer MCP server is described as an MCP-based interface for animation authoring. An AI client can use the server’s available animation functionality to work with recipes and scenes, then use the phone-preview path to view a result through a QR code. The final output can be Reanimated v4 code for use in a React Native project.

The exact request and response format is not documented in the available material. There is also no information about whether scenes are stored locally, remotely, or only during a session. Developers should verify those details in the project’s own documentation before planning a production workflow.

## Limitations and notes

The supplied listing does not include a README or operational documentation. As a result, it does not establish installation commands, required environment variables, authentication requirements, transport mode, supported client applications, licensing, or the exact scope of the phone-preview workflow.

It also does not state whether the 150-plus recipes are editable, whether generated Reanimated v4 code is ready to paste into an existing application, or which React Native versions are supported. Those points should be confirmed before adoption. The documented fit is clearest for developers who want MCP-based React Native animation recipes, scene authoring, QR phone preview, and Reanimated v4 code generation.

_Full upstream README: https://allmcps.com/mcp/keyframer/readme_