<aside>

✨ Welcome to Lottie Creator Help Centre! Discover tutorials, resources, and user guides to help you create, collaborate, and bring your animations to life with ease!

✨ Looking for inspiration? Connect with fellow Lottie enthusiasts in the Lottie Community to share ideas, ask questions, and grow together.

</aside>

<aside>

</aside>

<aside>

</aside>

<aside>

</aside>

Introduction

<aside> <img src="/icons/stars_yellow.svg" alt="/icons/stars_yellow.svg" width="40px" />

What is Lottie Creator?

Lottie Creator is a web-based animation tool that makes creating, editing, and exporting lightweight animations fast and easy. With built-in State Machines for no-code interactivity, AI tools like Motion Copilot, theming, motion presets, and powerful export options, it helps designers bring motion to websites, apps, and more—without the steep learning curve of traditional software.

</aside>

<aside> <img src="/icons/stars_yellow.svg" alt="/icons/stars_yellow.svg" width="40px" />

Key Features

• State Machines

  • Define how your animations behave and react to inputs, data, or context—all visually, without writing code. Learn more

• Theming

  • Easily apply and manage themes across your animations to keep your designs consistent and adaptable. Learn more

  Lottie Theming: Create animations in dark mode, light mode, and endless custom colors

• Motion Copilot

  • An AI-powered assistant that turns prompts into keyframes. Just describe the motion you want, and it generates the keyframes for you. Learn more Lottie Creator - Motion Copilot

• Motion Presets

  • Pre-built animation templates you can apply instantly. Customize timing, direction, and style to speed up your workflow.

• Duplicator

  • Create advanced duplication patterns with offset controls, perfect for motion designers who need precise, repeatable effects.

• Spring Curve

  • The Spring Curve plugin adds physics-powered animation with customizable presets like Smooth, Snappy, Bouncy, and more. Control tension, friction, mass, and clamp overshoots to create natural, polished, and expressive motion. </aside>

<aside> <img src="/icons/stars_yellow.svg" alt="/icons/stars_yellow.svg" width="40px" />

Explore Examples

Try these sample animations directly in Creator:

• Paperplane
• Sunrise
• Rocket
• Blocks & Arrows

✨ Explore featured animations made with Lottie Creator and get inspired!

Lottie Creator animations here

</aside>

Quick Start Tutorials

Lottie Creator is designed to be easy to pick up, so you can start animating right away without a steep learning curve. All you need to do is go to https://creator.lottiefiles.com/, and you’re ready to begin.

Here are a few resources to help you hit the ground running:

✨ Learn Lottie Creator Basics

#1 Getting Lottie Creator’s basics down | Lottie Creator

#3 Adding assets to Lottie Creator | Lottie Creator

#5 How to animate SVG files | Lottie Creator

#7 Animation presets | Lottie Creator

#9 Easing and keyframe interpolation | Lottie Creator

#11 Integration with LottieFiles platform | Lottie Creator

#13 Creating new and nested scenes | Lottie Creator

#15 Trim path | Lottie Creator

#17 Motion Copilot | Lottie Creator

#19 How to use matte | Lottie Creator

#2 Adding and editing keyframes in Lottie Creator | Lottie Creator

#4 Understanding the layer system | Lottie Creator

#6 Adding animations with Lottie Library | Lottie Creator

#8 Exporting Lottie animations to different file formats | Lottie Creator

#10 Duplicator plugin | Lottie Creator

#12 AI prompt to vector | Lottie Creator

#14 Kinetic Typography | Lottie Creator

#16 Fill gradient support | Lottie Creator

#18 How to use segments | Lottie Creator

#20 Introducing the new canvas | Lottie Creator

#21 Share your creation with Remix | Lottie Creator

✨ Learn State Machines

Use State Machines to define how your animation behaves based on user interaction. You can set different states (e.g., hover, click, or press) and connect them with transitions to create interactive buttons or controls.

👉 Follow our beginner’s guide to get started.

✨ Learn Lottie Theming