# Lottie Creator

> Lottie Creator is LottieFiles' browser-based editor for making, editing, and exporting Lottie and dotLottie animations: vector shapes, paths, text and images, keyframes and easing, interactive state machines, runtime theming, and AI-assisted motion design. It runs at https://creator.lottiefiles.com and is built by LottieFiles (Design Barn Inc.).

The root URL serves the editor, a single-page web application. Agents should read this file, /agents.md, and the documentation linked below rather than scraping the editor UI. A plain-markdown version of the homepage is at /index.md.

## When to use Lottie Creator

- Create a new Lottie or dotLottie animation from scratch, or edit an existing Lottie JSON, .lottie, SVG, or image file.
- Animate layer and shape properties with keyframes and easing, motion presets, motion paths, staggers, and entrances.
- Make an animation interactive with state machines (states, transitions, inputs, pointer and timeline interactions) without writing code.
- Add themes and slots so one file adapts to light mode, dark mode, or brand colours at runtime.
- Export production-ready Lottie JSON, dotLottie (.lottie), GIF, MP4, or Telegram stickers for web, iOS, Android, and design tools.
- Let an AI assistant build or modify an animation through the Creator MCP server (local) or WebMCP (in-page tools).

## When not to use Lottie Creator

- To search or download ready-made animations from the LottieFiles library, use https://lottiefiles.com or the hosted LottieFiles MCP server (https://mcp.lottiefiles.com/mcp).
- To play or embed an animation in a website or app, use the dotLottie runtimes: https://docs.lottiefiles.com/en/runtimes/index.md
- To convert or optimise a file without editing it, use the LottieFiles tools, for example https://lottiefiles.com/tools/lottie-to-dotlottie

## How an agent operates Creator

- Creator MCP (local): run `npx -y @lottiefiles/creator-mcp@latest` as a stdio MCP server in Claude, Cursor, Codex, VS Code, or any MCP client. It connects to a Creator tab open in the user's browser and exposes typed tools such as `read_scene`, `create_shape`, `create_text`, `apply_keyframes`, `animate_entrance`, `add_state_machine`, `add_theme`, and `set_fill`. Guide: https://docs.lottiefiles.com/en/creator/13_ai-tools/lottie-creator-mcp.md
- WebMCP (in page): in a WebMCP-capable Chrome, Creator registers tools on `document.modelContext`: `discover_tools`, `execute_typescript` (CodeMode), and read-only queries such as `read_scene`, `list_scenes`, `read_keyframes`, and `list_state_machines`. Open https://creator.lottiefiles.com/?agent=1 to defer onboarding prompts.
- Hosted LottieFiles MCP: https://mcp.lottiefiles.com/mcp (Streamable HTTP, OAuth 2.1) searches and manages animations in a LottieFiles account. Docs: https://docs.lottiefiles.com/en/platform/mcp.md
- Authentication walkthrough: https://creator.lottiefiles.com/auth.md
- Agent guide: https://creator.lottiefiles.com/agents.md
- Agent skill: https://creator.lottiefiles.com/.well-known/agent-skills/lottie-creator/SKILL.md

## Documentation

- [Lottie Creator docs](https://docs.lottiefiles.com/en/creator/index.md): user guide for the editor, from the canvas and timeline to state machines, theming, and AI tools.
- [Lottie Creator MCP](https://docs.lottiefiles.com/en/creator/13_ai-tools/lottie-creator-mcp.md): install and use the Creator MCP server with an AI assistant.
- [Creator API](https://docs.lottiefiles.com/en/creator-api/index.md): reference for the API used by Creator plugins and integrations.
- [Creator plugins](https://docs.lottiefiles.com/en/creator-plugins/index.md): build plugins that run inside Lottie Creator.
- [LottieFiles platform and hosted MCP](https://docs.lottiefiles.com/en/platform/mcp.md): the hosted MCP server, OAuth connection guide, and tools reference.
- [Lottie and dotLottie formats](https://docs.lottiefiles.com/en/format/index.md): file format documentation.
- [dotLottie runtimes](https://docs.lottiefiles.com/en/runtimes/index.md): players for web, iOS, Android, React Native, and more.
- [LottieFiles developer docs index](https://docs.lottiefiles.com/llms.txt): the full documentation index, with a Markdown API for reading pages.

## Product

- [Lottie Creator overview](https://lottiefiles.com/lottie-creator): features and use cases.
- [Pricing](https://lottiefiles.com/pricing): LottieFiles plans; Creator is included and a free plan is available.
- [What is Lottie?](https://lottiefiles.com/what-is-lottie): introduction to the format.
- [Help Center](https://help.lottiefiles.com/): support articles and tickets.
- [LottieFiles](https://lottiefiles.com/llms.txt): the wider LottieFiles platform.

## Machine-readable discovery

- [Sitemap](https://creator.lottiefiles.com/sitemap.xml)
- [Markdown homepage](https://creator.lottiefiles.com/index.md)
- [Agentic Resource Discovery catalog](https://creator.lottiefiles.com/.well-known/ard.json)
- [AI Catalog](https://creator.lottiefiles.com/.well-known/ai-catalog.json)
- [API catalog (RFC 9727)](https://creator.lottiefiles.com/.well-known/api-catalog)
- [Agent skills index](https://creator.lottiefiles.com/.well-known/agent-skills/index.json)
- [Creator MCP server card](https://creator.lottiefiles.com/.well-known/mcp/server-card.json)
- [LottieFiles MCP server card](https://creator.lottiefiles.com/.well-known/mcp/lottiefiles-platform-server-card.json)
- [npm: @lottiefiles/creator-mcp](https://www.npmjs.com/package/@lottiefiles/creator-mcp)

## Company

- [About Lottie Creator](https://creator.lottiefiles.com/about)
- [Contact](https://creator.lottiefiles.com/contact)
- [Privacy](https://creator.lottiefiles.com/privacy)
- [Terms and Conditions](https://lottiefiles.com/page/terms-and-conditions)
- [Security](https://lottiefiles.com/security)