Lottie Creator

Lottie Creator is LottieFiles' browser-based animation editor. Design vector shapes, paths, text, and images, animate them with keyframes and easing, make them interactive with state machines, and export lightweight Lottie and dotLottie files that render natively on the web, iOS, Android, and in design tools.

What you can do

• Draw shapes and paths, add text, and import SVG, images, Lottie JSON, or dotLottie files.
• Animate position, scale, rotation, opacity, colours, strokes, paths, and effects with keyframes, easing presets, motion paths, staggers, and entrances.
• Build interactive animations with state machines: states, transitions, inputs, and pointer interactions, with no code.
• Theme animations with slots so a single file adapts to light mode, dark mode, or brand colours at runtime.
• Use Motion Copilot, Creator's AI assistant, to generate and refine motion from a description.
• Export Lottie JSON, dotLottie (.lottie), GIF, MP4, and Telegram stickers, or save to a LottieFiles workspace.
• Extend the editor with plugins built on the Creator API.

Who it is for

Motion designers, UI and UX designers, front-end and mobile developers, and product teams who need small, scalable, interactive animations without hand-writing them.

For AI agents and developers

• Agent overview (llms.txt)
• Agent guide and authentication walkthrough
• Creator MCP server: npx -y @lottiefiles/creator-mcp@latest
• WebMCP: Creator registers in-page tools on document.modelContext in WebMCP-capable browsers; open /?agent=1 to defer onboarding prompts.
• Creator API and Creator plugins
• Lottie Creator documentation and the LottieFiles developer docs

Company

Lottie Creator is made by LottieFiles (Design Barn Inc.). See About, Contact, Privacy, Pricing, and the Help Center.