The Keyframer MCP server,
connected in one click.
150+ React Native animation recipes, scene authoring, phone preview via QR, Reanimated v4 codegen. Connect the official Keyframer MCP server to Claude, ChatGPT, or Cursor through gate — one gateway URL, no config files, security-checked.
Free to start · No credit card · No hosting needed
Add Keyframer to your AI in one minute
Pick your client. Copy, paste, done — or let gate handle sign-ins and policies for you.
claude mcp add --transport http keyframer https://api.keyframer.dev/mcpRun in your terminal, then restart Claude Code.
Keyframer · https://api.keyframer.dev/mcp
What your AI can do with Keyframer
Real prompts you can type the moment it's connected — no setup, no docs to read.
“Use “search_recipes”: Search 150+ free Keyframer recipes (bounce, carousels, progress rings, particles, text effects, shaders, scroll animations…). Each recipe ha.”
“Use “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.”
“Use “get_scene_format”: The Keyframer scene JSON format — read this before authoring a scene. Section "scene" covers elements/keyframes/easing; section "nodes" cove.”
“Use “validate_scene”: Validate a scene against the Keyframer format before create_scene or generate_code. Returns errors (must fix) and warnings (advisory). Free.”
How secure is the Keyframer MCP server?
Every server in the gate directory has to pass the same four checks before your AI can touch it. Here's how Keyframer holds up.
Official endpoint
Operated by Keyframer (keyframer.dev) at its documented MCP endpoint — not a third-party mirror or community re-host.
No sign-in needed
This server only exposes public data — no account and no credentials are involved when you connect.
Scanned before it goes live
gate checks every tool for prompt injection, hidden instructions, data-exfiltration hints, and over-broad permissions before the server is available through your gateway.
Watched for drift
If Keyframer adds or changes tools later, gate re-scans and alerts you — before your AI acts on the change.
Connected in three steps
Connect your gate
Add one gateway URL to Claude, ChatGPT, or any MCP client. One-time setup, about two minutes.
Pick Keyframer
Choose Keyframer in the gate directory. No sign-in needed.
Use it anywhere
Keyframer's tools are live in every AI client you've connected — with rules and logging built in.
Free to start · No credit card · No hosting needed
The actual tools Keyframer exposes
Fetched live from the official endpoint and re-checked daily by gate — not marketing copy.
search_recipes — Search 150+ free Keyframer recipes (bounce, carousels, progress rings, particles, text effects, shaders, scroll animations…). Each recipe ha
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
get_scene_format — The Keyframer scene JSON format — read this before authoring a scene. Section "scene" covers elements/keyframes/easing; section "nodes" cove
validate_scene — Validate a scene against the Keyframer format before create_scene or generate_code. Returns errors (must fix) and warnings (advisory). Free
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 (th
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.
update_scene — Replace the content of one of your scenes (full scene JSON, validated first) — the edit loop for iterating instead of duplicating. Live prev
list_scenes — List the scenes in the connected Keyframer account (id, name, updated, visibility). Requires an API key.
+ 3 more tools once connected
Who runs the Keyframer MCP server?
The Keyframer MCP server at a glance
https://api.keyframer.dev/mcpQuestions, answered
Is there an official Keyframer MCP server?
Yes — Keyframer operates its own remote MCP server at api.keyframer.dev. gate connects you to that official endpoint and adds security scanning, per-tool access rules, and an activity log on top.
How do I connect Keyframer to Claude or ChatGPT?
Add gate's gateway URL to your AI client once, then pick Keyframer in the directory. No account or sign-in is needed. From then on, Keyframer's tools are available in every client you've connected to gate.
Do I need to host anything?
No. Keyframer runs the server, and gate is fully managed. You just connect one URL — there's nothing to install, deploy, or maintain.
Is the Keyframer MCP server safe to connect?
It's the vendor's official endpoint, and gate scans its tools for prompt injection and hidden instructions before it goes live, re-checks it whenever it changes, and lets you allow, block, or require approval for every single tool.
Is it free?
Yes — you can get started with gate for free and connect Keyframer in minutes. No credit card required.
Connect more than just Keyframer
Every server below works through the same gateway URL — connect once, add tools anytime.
Squarespace DomainsDesignView →Set up Keyframer in: Claude · Claude Code · ChatGPT · Cursor · VS Code