# LottieFiles — card for AI agents

Lottie animation library, dotLottie players and an official MCP server for the platform API.

Category: UI animation (Lottie, Rive) · maker LottieFiles · checked 2026-10-12

## Price
- Price: Free tier
- Free tier: Free plan; the ToS says Free and Individual plans are non-commercial.
- Paid from $19.99/month
- Usage price: Individual $19.99/month billed annually; Team $24.99.
- Pricing page: https://lottiefiles.com/pricing

## License
Lottie Simple License (free public animations); players MIT — https://lottiefiles.com/page/license

- commercial: **conditions** (Commercial use with conditions)
  > including for commercial purposes, provided that any display, publication, performance, or distribution of Files must contain (and be subject to) the same terms and conditions of this license
  (https://lottiefiles.com/page/license)
- attribution: **no** (No credit needed)
  > Use of Files without attributing the creator(s) of the Files is permitted under this license, though attribution is strongly encouraged.
  (https://lottiefiles.com/page/license)
- in app: **conditions** (Ship inside your app with conditions)
  > to download, reproduce, modify, publish, distribute, publicly display, and publicly digitally perform such Files, including for commercial purposes
  (https://lottiefiles.com/page/license)
- bots: **banned**
  > Use any robot, spider, or other automatic device, process, or means to access the Website for any purpose,
  (https://lottiefiles.com/page/terms-and-conditions)

## Rules to follow
- Do not compile animations to replicate a competing service.
- Do not use robots or data mining on the site.
- Confirm commercial rights first; the license and ToS conflict for Free and Individual plans.

## How an agent gets files
- Official MCP server https://mcp.lottiefiles.com/mcp (GraphQL tools: operations_list, schema_search, schema_details, graphql_execute); players via npm @lottiefiles/dotlottie-web. (sign-in: oauth)
- Not allowed: Animations created under the Free or Individual plan are non-commercial only (Terms).
- Not allowed: Free public animations fall under the Lottie Simple License (FL 9.13.21).
- Not allowed: Modifications to Files are deemed derivative works.
- Not allowed: No robots, spiders or data mining on the website.

Note on bots: the terms ban bots, scrapers and bulk downloading from the site. Do not script downloads from it; ask the user to download the files (or use the official API, if there is one) and add them to the project.

## HTML/CSS (official example, https://github.com/LottieFiles/dotlottie-web)

```
npm install @lottiefiles/dotlottie-web

<canvas id="canvas" style="width: 300px; height: 300px"></canvas>

import { DotLottie } from '@lottiefiles/dotlottie-web';

const dotLottie = new DotLottie({
  canvas: document.getElementById('canvas'),
  src: 'https://your-animation-url.lottie',
  autoplay: true,
  loop: true,
});
```

## React (official example, https://github.com/LottieFiles/dotlottie-web)

```
npm install @lottiefiles/dotlottie-react

import { DotLottieReact } from '@lottiefiles/dotlottie-react';

const App = () => (
  <DotLottieReact
    src="path/to/animation.lottie"
    loop
    autoplay
  />
);
```

## How to connect
- Official MCP server
- MCP server (official): https://mcp.lottiefiles.com/mcp
- API docs: https://docs.lottiefiles.com/en/platform/mcp
- API limits: CDN fair use 10GB Individual / 25GB Team / 500GB Enterprise; API on Enterprise per the pricing page.
- npm: `npm install @lottiefiles/dotlottie-web`
- Repository: https://github.com/lottiefiles/dotlottie-web
- Website: https://lottiefiles.com

## Notes
Also a Lottie Creator MCP. Players for web, React, Vue, Svelte, iOS, Android and Flutter.

## Numbers (AgentGid data)
- Gid Score: 33.3
- GitHub stars: 924
- Downloads last week: 948,585
- Used in 1 public projects set up for AI coding agents

## Lines to paste into your prompt or AGENTS.md

```
- LottieFiles (UI animation (Lottie, Rive)). Lottie animation library, dotLottie players and an official MCP server for the platform API. Price: free tier; commercial use with conditions; no credit needed; ship inside your app with conditions; no bots or bulk downloading (get files by hand or through the official API, if there is one).
  Connect: official MCP server https://mcp.lottiefiles.com/mcp; API docs https://docs.lottiefiles.com/en/platform/mcp; npm @lottiefiles/dotlottie-web. Limits: CDN fair use 10GB Individual / 25GB Team / 500GB Enterprise; API on Enterprise per the pricing page.
  Get files: Official MCP server https://mcp.lottiefiles.com/mcp (GraphQL tools: operations_list, schema_search, schema_details, graphql_execute); players via npm @lottiefiles/dotlottie-web.
  Not allowed: Animations created under the Free or Individual plan are non-commercial only (Terms).
  Not allowed: Free public animations fall under the Lottie Simple License (FL 9.13.21).
  Not allowed: Modifications to Files are deemed derivative works.
  Not allowed: No robots, spiders or data mining on the website.
  Rule: Do not compile animations to replicate a competing service.
  Rule: Do not use robots or data mining on the site.
  Rule: Confirm commercial rights first; the license and ToS conflict for Free and Individual plans.
  License: https://lottiefiles.com/page/license (checked 2026-10-12; details: https://agentgid.com/assets/lottiefiles/)
```

Not verified: Whether the MCP/GraphQL exposes free-animation search; the Lottie Simple License allows commercial use but the ToS limits Free/Individual plans to non-commercial use.

## Links
- AgentGid page: https://agentgid.com/assets/lottiefiles/
- Is it free for commercial use? https://agentgid.com/assets/lottiefiles/commercial-use/
- Source: https://lottiefiles.com/page/license
- Source: https://lottiefiles.com/page/terms-and-conditions
- Source: https://lottiefiles.com/pricing
- Source: https://docs.lottiefiles.com/
- Source: https://docs.lottiefiles.com/en/platform/mcp
- Source: https://docs.lottiefiles.com/en/runtimes
- Source: https://github.com/lottiefiles/dotlottie-web

---
AgentGid's catalog is curated: every entry was checked against the maker's official pages (registry, repository, license and pricing pages) on the date shown; a license value shows the quote it stands on wherever AgentGid has one. Usage numbers come from AgentGid's own scan of public repositories set up for AI coding agents. Claims by makers are reported, not tested by AgentGid.