MCP server

Keyframer Official

dev.keyframer/keyframer

Checked 25 Oct 2026, 20:29 UTC · Connected to it and listed its tools

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

Website

At a glance

Type

MCP server

Publisher

keyframer.dev (verified by the MCP Registry)

Status

Working at last check

Tools

11

Token cost

About 2,165 tokens per request

Sets up in

Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code, Antigravity, ChatGPT, OpenAI API, Grok

Last checked

25 Oct 2026, 20:29 UTC

Connect it to your agent

Add to CursorAdd to VS CodeVS Code Insiders

Opens the app, which shows the server and asks you to confirm. For other apps, copy the setup below.

Claude Code

claude mcp add --transport http keyframer https://api.keyframer.dev/mcp

Claude Desktop

Settings → Connectors → Add custom connector, and paste the URL.

Codex (config.toml)

[mcp_servers.keyframer]
url = "https://api.keyframer.dev/mcp"

Gemini CLI

{"mcpServers":{"keyframer":{"httpUrl":"https://api.keyframer.dev/mcp"}}}

Cursor

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

VS Code

{"servers":{"keyframer":{"type":"http","url":"https://api.keyframer.dev/mcp"}}}

Antigravity

agy mcp add keyframer https://api.keyframer.dev/mcp

ChatGPT

Settings → Apps & Connectors → Advanced settings: turn on Developer mode, then Create a connector and paste the URL. Which plans can do this varies.

OpenAI API (Responses tools)

{"type":"mcp","server_label":"keyframer","server_url":"https://api.keyframer.dev/mcp","require_approval":"always"}

Grok (xAI API tools)

{"type":"mcp","server_label":"keyframer","server_url":"https://api.keyframer.dev/mcp"}

Tools

• create_scene ~301 tokens
  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
• generate_code ~313 tokens
  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.
• get_preview_qr ~151 tokens
  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.
• get_recipe ~196 tokens
  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 ~110 tokens
  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_scene_format ~135 tokens
  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.
• list_scenes ~70 tokens
  List the scenes in the connected Keyframer account (id, name, updated, visibility). Requires an API key.
• sample_scene ~283 tokens
  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
• search_recipes ~192 tokens
  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.
• update_scene ~254 tokens
  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.
• validate_scene ~160 tokens
  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.

Browse

• Food and recipes

Related MCP servers

• Apex Edge — x402-paid machine services
  x402-paid MCP tools: utils, audit screens, corpus search, inference. USDC Base+Solana.
• Pictify
  Generate images, GIFs, videos, and PDFs from HTML, URLs, or templates — from your AI agent.
• ShipSwift
  40+ production-ready SwiftUI recipes for building full-stack iOS apps via MCP.
• Layro
  Search and install 112 production React, TypeScript and Tailwind CSS UI components from Layro.
• Music Studio
  ABC sheet music + Strudel live coding: songs, videos and live jam sessions in ext-apps widgets.
• PageToVid
  Turn any web page into a narrated video: films the real site, writes, voices and captions it
• Moddable Games Tools
  15 tools for chess variant analysis, hex map generation, and board game utilities
• blablabla
  Actors: send your script or sides to blablabla to run lines, and find free scenes to practice.

Badge for your README

[![AptLynx](https://aptlynx.net/badge/dev.keyframer/keyframer.svg)](https://aptlynx.net/servers/dev.keyframer/keyframer)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents