LottieFiles

One tool for every Lottie you need

One tool for every Lottie you need

Whether you're just getting started or a seasoned motion designer, creating, managing and animating Lottie and dotLottie files gets easier with the right tools.

Whether you're just getting started or a seasoned motion designer, creating, managing and animating Lottie and dotLottie files gets easier with the right tools.

Advanced keyframe control

Advanced keyframe control

Gain precise control over your timeline. Refine, retime and mirror keyframes in seconds with keyframe assistance.

SVG import

SVG import

Bring your own design. Drag and drop or paste any SVG and every path detail comes through untouched.

Graph Editor

Graph Editor

Control animation speed and timing between keyframes. Manipulate curves to create smooth easing, overshoots and snappy motion.

Motion Copilot

Motion Copilot

Write your prompt and Motion Copilot will build an editable animation with keyframes, shapes, text, gradients, drop shadows and more. Think of it as your assistant in creating high-quality animations.

Built to advance your

dotLottie capabilities

Built to advance your dotLottie capabilities

State Machines

State Machines

Build interactive animations by connecting them with transitions and trigger behaviors using user inputs, data and events. From clicks and hovers to custom logic, create responsive animations that adapt in real time without complex development.

Build interactive animations by connecting them with transitions and trigger behaviors using user inputs, data and events. From clicks and hovers to custom logic, create responsive animations that adapt in real time without complex development.

Motion Tokens

Motion Tokens

Transform static animations into data-driven experiences by exposing animation properties like text, colors, position and opacity as reusable tokens. Connect these tokens to real-time data, allowing a single animation to adapt without creating multiple versions.

Transform static animations into data-driven experiences by exposing animation properties like text, colors, position and opacity as reusable tokens. Connect these tokens to real-time data, allowing a single animation to adapt without creating multiple versions.

Multi-animation support

Multi-animation support

Bundle multiple animations into a single lightweight dotLottie file instead of managing separate assets. Create animation sets for different states, themes or user flows, then switch between them instantly at runtime while sharing assets to reduce file size.

Bundle multiple animations into a single lightweight dotLottie file instead of managing separate assets. Create animation sets for different states, themes or user flows, then switch between them instantly at runtime while sharing assets to reduce file size.

Everything you need from a professional animation tool

Everything you need from a professional animation tool

Fine-tune every detail with pro-grade controls for layering, timing and motion; no desktop software required.

Fine-tune every detail with pro-grade controls for layering, timing and motion; no desktop software required.

Matte and Mask

Matte and Mask

Craft textured reveals, light sweeps, or more cinematic transitions that bring your motion design to life.

Parenting

Link elements to a parent layer for consistent movement and easier edits.

Blend modes

Blend modes

Blend layers through light, color, and texture to bring mood, depth and cohesion to your motion.

Preview in real-time

Preview in real-time

What you see in preview is exactly what gets rendered.

Export and deliver anywhere

Export and deliver anywhere

Export as Lottie JSON, dotLottie, WebM, MP4, MOV, GIF and share instantly through CDN links across web, iOS and Android.

Advance Duplicator

Advance Duplicator

Automatically clone layers and animations with full control over copies, spacing, rotation, scale, and opacity.

Anchor point control

Anchor point control

Control the pivot point for scaling, rotation and movement.

Nested scenes

Nested scenes

Nest animations to manage complexity and keep your creative flow smooth.

Motion Path

Motion Path

Define the trajectory your object follows across the canvas.

Trim Path

Trim Path

Control how much of a path is visible by animating its start and end points.

Build plugins with our plugin system, share them in the Creator Bazaar

Build plugins with our plugin system, share them in the Creator Bazaar

Explore a growing library of plugins to extend Lottie Creator. Use what the community's made, or create your own.*

Explore a growing library of plugins to extend Lottie Creator. Use what the community's made, or create your own.*

Universal File Importer

Universal File Importer

Import any design, animation, motion or video files into your Lottie project.

Import any design, animation, motion or video files into your Lottie project.

Spring Curve

Spring Curve

Natural, physics‑based easing, without curve wrangling.

Natural, physics‑based easing, without curve wrangling.

Motion Preset

Motion Preset

Keep animations on-brand with presets shared in your workspace.

Keep animations on-brand with presets shared in your workspace.

Physics Simulator

Physics Simulator

Create natural motion with keyframes generated for fall, bounce and collision.

Create natural motion with keyframes generated for fall, bounce and collision.

SVGL Logos

SVGL Logos

Discover popular SVG logos to use in your creations.

Discover popular SVG logos to use in your creations.

*Creator Bazaar marketplace is coming soon

*Creator Bazaar marketplace is coming soon

AI-powered tools to enhance your workflow

AI-powered tools to enhance your workflow

Discover how AI and creativity blend seamlessly with tools specifically design to assist you in your animation creation process

Discover how AI and creativity blend seamlessly with tools specifically design to assist you in your animation creation process

Motion Copilot

Motion Copilot

Describe the motion you want, and Motion Copilot builds it for you, shapes, colors, shadows, keyframes and more. Watch it work in real time, and refine it however you wish.

Lottie Creator MCP

Lottie Creator MCP

Connect any MCP-compatible AI and give it full access to build, edit and generate animations on your behalf. Explore MCP Guide

Prompt to Themes

Prompt to Themes

Use smart theming to create dark, light and branded variations all within a single dotLottie file.

Prompt to Vector

Prompt to Vector

Convert text prompts into high-quality Al-generated vector graphics that are ready to be animated.

Prompt to State Machines

Prompt to State Machines

Turn simple text prompts into complex state machines to make your animations interactive.

Motion System

Motion System

Motion governance built into your design system

Motion governance built into your design system

Pull the presets, easing curves, colors and assets saved in Motion System into any Lottie Creator animation, instantly.

Pull the presets, easing curves, colors and assets saved in Motion System into any Lottie Creator animation, instantly.

Save

Save

Motion presets, easing curves, colors and fonts. Capture them once as you create and turn them into reusable blocks for future animations.

Apply

Apply

Use the motion building blocks in your designs. Pull from your motion system and apply them without rebuilding from scratch.

Share

Share

One shared system for the entire team. Pull from the same library so every animation stays consistent.

Remix thousands of animations made by the community

Remix thousands of animations made by the community

Explore free animations and apply themes, state machines and more to make them your own.

Explore free animations and apply themes, state machines and more to make them your own.

Become a Lottie certified expert

Become a Lottie certified expert

Lottie Creator Certification, with Motion Lead. Show what you know, get recognized by the community.

Lottie Creator Certification, with Motion Lead. Show what you know, get recognized by the community.

Built for how you work

Built for how you work

Whether you’re designing motion or scaling design systems, Lottie Creator adapts to your workflow from solo projects to full team production.

Whether you’re designing motion or scaling design systems, Lottie Creator adapts to your workflow from solo projects to full team production.

Freelancers, meet your new studio

Create on any device. Deliver polished animations without heavy software. Share private preview links, publish to the LottieFiles community and grow your portfolio.

Teams, meet your new creative workspace

Empower teams to collaborate in real time, keep motion consistent and deliver production-ready Lotties without rework. Cloud projects keep every update aligned across your organization.

Frequently asked questions

Frequently asked questions

What is Lottie Creator?

Lottie Creator is a web based tool for designing and animating with Lottie. Create motion graphics, UI and interactive animations in your browser using layers, shapes, text and keyframes. Import SVGs or start from scratch.

What is Lottie Creator?

Lottie Creator is a web based tool for designing and animating with Lottie. Create motion graphics, UI and interactive animations in your browser using layers, shapes, text and keyframes. Import SVGs or start from scratch.

What can I animate with Lottie Creator?

Lottie Creator lets you use the lightweight Lottie format to build motion for any use case, from UI micro-interactions (buttons, toggles, loaders) to complex illustrations and character sequences. Add and organize layers, drop in objects, refine timing with keyframes and design interactive motion using state machines — all within one lightweight dotLottie file.

What can I animate with Lottie Creator?

Lottie Creator lets you use the lightweight Lottie format to build motion for any use case, from UI micro-interactions (buttons, toggles, loaders) to complex illustrations and character sequences. Add and organize layers, drop in objects, refine timing with keyframes and design interactive motion using state machines — all within one lightweight dotLottie file.

What are the formats supported by Lottie Creator?

Lottie Creator enables you to import Lottie JSON, dotLottie and SVG. Exports include Lottie JSON, dotLottie, Optimized Lottie formats, GIF, MP4, MOV and WebM.

What are the formats supported by Lottie Creator?

Lottie Creator enables you to import Lottie JSON, dotLottie and SVG. Exports include Lottie JSON, dotLottie, Optimized Lottie formats, GIF, MP4, MOV and WebM.

Is Lottie Creator free?

Lottie Creator is free to use. You can create as many files as you like, but free users can only export five animations. Upgrade to unlock unlimited exports and advanced tools like optimization, collaboration and hosting.

Is Lottie Creator free?

Lottie Creator is free to use. You can create as many files as you like, but free users can only export five animations. Upgrade to unlock unlimited exports and advanced tools like optimization, collaboration and hosting.

Are animations from Lottie Creator responsive?

Yes. All Lottie files are vector-based, so they scale perfectly across devices and resolutions without pixelation.

Are animations from Lottie Creator responsive?

Yes. All Lottie files are vector-based, so they scale perfectly across devices and resolutions without pixelation.

Do I need animation experience to use Lottie Creator?

While animation experience can help, Lottie Creator is built with features that welcome newcomers. You can tap into a library of design assets and motion presets to build animations without prior knowledge, and use Motion Copilot, our AI assistant, to turn text prompts into editable keyframes you can refine further.

Do I need animation experience to use Lottie Creator?

While animation experience can help, Lottie Creator is built with features that welcome newcomers. You can tap into a library of design assets and motion presets to build animations without prior knowledge, and use Motion Copilot, our AI assistant, to turn text prompts into editable keyframes you can refine further.

How can I share my animations from Lottie Creator?

You can share animations via a link, embed them on websites, or integrate them into apps with the exported Lottie JSON file. Use our AI assistants to turn text prompts into interactive animations and with Remix, let others build on your work to inspire collaboration and spark new ideas.

How can I share my animations from Lottie Creator?

You can share animations via a link, embed them on websites, or integrate them into apps with the exported Lottie JSON file. Use our AI assistants to turn text prompts into interactive animations and with Remix, let others build on your work to inspire collaboration and spark new ideas.

Is my data secure with Lottie Creator?

Absolutely! We prioritize the security of our users' data and ensure that all animations and assets you upload are protected with state-of-the-art encryption.

Is my data secure with Lottie Creator?

Absolutely! We prioritize the security of our users' data and ensure that all animations and assets you upload are protected with state-of-the-art encryption.

How long can my Lottie animations be?

While there's no strict limit on the duration, Lottie animations are best suited for short, concise visuals. Ensure your animations enhance user experience rather than overwhelming it.

How long can my Lottie animations be?

While there's no strict limit on the duration, Lottie animations are best suited for short, concise visuals. Ensure your animations enhance user experience rather than overwhelming it.

Can I use Lottie Creator on mobile devices?

Lottie Creator is optimized for desktop use. While you can view and make minor edits on mobile devices, for the best animation creation experience, we recommend using a desktop or laptop.

Can I use Lottie Creator on mobile devices?

Lottie Creator is optimized for desktop use. While you can view and make minor edits on mobile devices, for the best animation creation experience, we recommend using a desktop or laptop.

Do I need to switch from After Effects to use Lottie Creator?

You can keep creating in After Effects and export Lottie JSON or dotLottie using the LottieFiles plugin for After Effects. Lottie Creator adds what happens next: State Machines for interactivity, Motion Tokens for real-time data binding and multi-animation bundling, dotLottie features that turn your animation into a production-ready file your developers can ship directly.

Do I need to switch from After Effects to use Lottie Creator?

You can keep creating in After Effects and export Lottie JSON or dotLottie using the LottieFiles plugin for After Effects. Lottie Creator adds what happens next: State Machines for interactivity, Motion Tokens for real-time data binding and multi-animation bundling, dotLottie features that turn your animation into a production-ready file your developers can ship directly.

What is dotLottie?

dotLottie is an open file format from LottieFiles that bundles one or more Lottie animations, their assets and interactivity, including State Machines and Motion Tokens into a single lightweight file. Instead of managing separate JSON files and logic, teams ship one .lottie file that developers can implement directly across web, iOS and Android.

What is dotLottie?

dotLottie is an open file format from LottieFiles that bundles one or more Lottie animations, their assets and interactivity, including State Machines and Motion Tokens into a single lightweight file. Instead of managing separate JSON files and logic, teams ship one .lottie file that developers can implement directly across web, iOS and Android.

Is Motion Copilot's output editable?

Yes. Everything Motion Copilot generates is fully editable. Describe the motion you want and it builds real layers, shapes, colors and keyframes on your timeline, not a locked video or black-box result. You can retime keyframes, adjust curves in the Graph Editor, restyle elements, or take the animation in a completely different direction. Motion Copilot gives you a professional starting point; the craft stays yours.

Is Motion Copilot's output editable?

Yes. Everything Motion Copilot generates is fully editable. Describe the motion you want and it builds real layers, shapes, colors and keyframes on your timeline, not a locked video or black-box result. You can retime keyframes, adjust curves in the Graph Editor, restyle elements, or take the animation in a completely different direction. Motion Copilot gives you a professional starting point; the craft stays yours.