drio
Open app

LottieFiles MCP Server

Source

Catalog onlyCatalog onlySTDIO

Overview

LottieFiles MCP Server is a Model Context Protocol (MCP) server designed for searching and retrieving Lottie animations from LottieFiles.

To use the LottieFiles MCP Server, install the server using npm, start the server, and connect using an MCP client.

  • Search for Lottie animations by keywords. - Retrieve detailed information about specific animations. - Access a list of currently popular Lottie animations.
  1. Integrating Lottie animations into web and mobile applications.
  2. Creating dynamic user interfaces with animated graphics.
  3. Enhancing user experience with engaging animations.

Add to your AI client

Use these steps to connect LottieFiles MCP Server in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.

Cursor

Add this to your .cursor/mcp.json file in your project root, then restart Cursor.

.cursor/mcp.json

{
  "mcpServers": {
    "mcp-server-lottiefiles-junmer": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-lottiefiles-junmer"
      ]
    }
  }
}

Claude Desktop

Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "mcp-server-lottiefiles-junmer": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-lottiefiles-junmer"
      ]
    }
  }
}

Claude Code

Add this to your project's .mcp.json file. Claude Code will detect it automatically.

.mcp.json (project root)

{
  "mcpServers": {
    "mcp-server-lottiefiles-junmer": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-lottiefiles-junmer"
      ]
    }
  }
}

VS Code (Copilot)

Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.

.vscode/mcp.json

{
  "servers": {
    "mcp-server-lottiefiles-junmer": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-lottiefiles-junmer"
      ]
    }
  }
}

Windsurf

Add this to your Windsurf MCP config file, then restart Windsurf.

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "mcp-server-lottiefiles-junmer": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-lottiefiles-junmer"
      ]
    }
  }
}

Cline

Open Cline settings, navigate to MCP Servers, and add this server configuration.

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "mcp-server-lottiefiles-junmer": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-lottiefiles-junmer"
      ]
    }
  }
}

FAQ

How do I install the LottieFiles MCP Server?

You can install it by running `npm install` in your terminal.

How do I start the server?

Start the server by running `npm start` in your terminal.

What is the license for LottieFiles MCP Server?

The LottieFiles MCP Server is licensed under the MIT license.

Developer tools