Lottie animations, inside your AI coding assistant.

Get started in three steps

1. 1. Sign in with GitHub

   npx @rafaylabs/animation-mcp login

   Your 7-day trial starts on first sign-in.

2. 2. Add it to your AI tool

   Pick your tool below.

3. 3. Ask for an animation

   “Find a loading spinner, recolour it to #0476ff and save it to assets/animations.”

claude mcp add animation -- npx -y @rafaylabs/animation-mcp

{
  "mcpServers": {
    "animation": {
      "command": "npx",
      "args": ["-y", "@rafaylabs/animation-mcp"]
    }
  }
}

{
  "servers": {
    "animation": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@rafaylabs/animation-mcp"]
    }
  }
}

{
  "mcpServers": {
    "animation": {
      "command": "npx",
      "args": ["-y", "@rafaylabs/animation-mcp"]
    }
  }
}

What your assistant can do

• search_animationsFind an animation in the 11,000+ catalogue by plain words, like "checkout success" or "loading spinner".
• get_animationFetch the animation JSON by its id.
• apply_themeRecolour an animation, from the catalogue or one of your own .json or .lottie files, to your brand colours, for light and dark mode.
• save_animationWrite it into your project as .json or compressed .lottie.
• get_codeGet a ready snippet for React Native or Next.js.

Questions

What is an MCP server?

MCP (Model Context Protocol) is an open standard that lets an AI assistant use outside tools. An MCP server is a small program that offers those tools. Animation MCP is an MCP server whose tools search, recolour and save Lottie animations, so the assistant can do it for you while you code.

How do I add an MCP server to Claude Code?

Run claude mcp add animation -- npx -y @rafaylabs/animation-mcp in your terminal, then sign in once with npx @rafaylabs/animation-mcp login. The other editors take a short config entry, shown above.

Do my files leave my computer?

No. Recolouring and saving happen on your machine. The server is used only for signing in, searching the catalogue and downloading the animations you ask for.

What does it cost?

New accounts get 7 days free. After that the free plan allows 10 searches and 3 downloads a day, and a one-time Lifetime licence removes the search limit and allows 500 downloads a day. See pricing for details.

Which AI tools does it work with?

Any client that supports MCP servers over stdio, including Claude Code, Cursor, VS Code and Windsurf.

Do I need an account?

Yes, a GitHub sign-in. It takes about 30 seconds and we read only your public profile.