Connect LottieFiles to Claude, Cursor, and any MCP client
Your assistant can search 100,000+ free animations, pull what it finds straight into a project, and organize the workspace around it. Hosted by us, authorized by you, free on every plan.
claude mcp add --transport http lottiefiles https://mcp.lottiefiles.com/mcpRun it, then type /mcp in a session and approve the browser prompt.
What you can hand off
Ask in plain language and your assistant does the clicking. It reaches your workspace and 100,000+ free animations through one connection.
It looks before it touches anything. Most of what it does is read-only, and changing something is a separate, deliberate step, so you can let it explore without worrying.
Find the right animation
Search your own projects and 100,000+ free animations in a single ask, by name, by tag, or by what the animation needs to do.
Tidy up without the clicking
Rename, retag and reorganize across projects. The kind of housekeeping nobody ever schedules time for.
Bring in what it finds
Import an animation from the free library straight into one of your projects, without leaving the conversation.
Build against the platform
For developers: it reaches the full LottieFiles API, so anything the platform can do, an agent can script without you writing a client first.
Free animations, reachable from the chat
The same connection reaches the free animation library. Your assistant can search all 100,000+ of them, look at what it found, and import the result into one of your projects without you opening the site.
Search
By name, by tag, or by what it needs to do
Inspect
Check the preview, tags and license before committing
Import
Straight into the project you name
Browsing and searching are free. Importing counts against whatever your plan allows, the same as it does in the app.
What using it actually looks like
You ask in plain language. The assistant picks the tools, runs them, and reports back.
Your request
List the projects in my workspace and how many animations are in each
Tool calls
operations_listgraphql_executetwo calls, about a secondAssistant reply
Here are the three projects in your workspace:
- Marketing site24 animations
- Product UI11 animations
- Onboarding flow6 animations
Other prompts worth trying
“Find a loading spinner in the free library and import the best one into my Marketing project”
“Which operations in the schema are destructive? List them before we start”
“What are people searching for right now, and show me free animations tagged 'onboarding'”
“Find the operations for uploading a file and explain what they require”
“Draft, but do not run, a mutation that renames this animation”
“Get the details for my most recent animation including its download URL”
Set up the LottieFiles MCP server
This is the hosted server, the one at mcp.lottiefiles.com. It speaks Streamable HTTP at a single endpoint. Most clients register the URL and handle the OAuth handshake for you; Zed and headless machines go through the mcp-remote bridge instead, which requires Node.js 18 or newer.
Add
Run the Claude Code command or paste the server URL into your client's MCP settings.
claude mcp add --transport http lottiefiles https://mcp.lottiefiles.com/mcpClaude Desktop, Cursor, VS Code, Windsurf
https://mcp.lottiefiles.com/mcpnpx -y mcp-remote@^0.1.16 https://mcp.lottiefiles.com/mcpAuthorize
Native clients open the browser and complete the OAuth handshake themselves. Zed and headless environments hand that step to the bridge, which opens the same browser sign-in.
Check that it worked
Ask your assistant What LottieFiles MCP tools do you have available? A healthy connection names four: operations_list, schema_search, schema_details and graphql_execute. In Claude Code they appear namespaced as mcp__lottiefiles__*, matching the server name you installed under. Then try List the projects in my LottieFiles workspace to confirm the session is resolving to your account.
Want an agent that can actually draw?
This server manages animations. It does not make them. Lottie Creator MCP is the second official server, and it does the drawing: shapes, keyframes, easing, exports. Plenty of people run both.
Setting it up
It runs locally through npx and needs Node.js 18 or newer, plus a Lottie Creator tab left open with MCP enabled in settings. That is the real difference from this page's server, which is hosted and needs nothing installed.
claude mcp add lottiefiles-creator -- npx -y @lottiefiles/creator-mcp@latestWhat it can do
- Draw shapes and custom paths, then group and align them
- Set keyframes and easing on position, rotation, scale, opacity and color
- Build scenes and layers, with masks, mattes and blend modes
- Generate variants of an existing animation for different themes, sizes and colors
- Import and export Lottie, dotLottie, SVG and images
Where to go deeper
- MCP documentationThe full reference for the server.
- Connect your clientPer-client configuration in detail.
- Tools and workflowComplete signatures for all four tools.
- Auth and securityOAuth flow, scopes, revocation and troubleshooting.
- Lottie Creator MCPThe local server for animation authoring.
- Plugins and integrationsFigma, After Effects, Framer, Canva, Webflow and more.
Put your workspace where you already work
Create a free LottieFiles account, connect the MCP server, and point your assistant at 100,000+ free animations.
Get started - it's free!