Blob

A powerful web-based Lottie animation tool

Lottie Creator is designed to create ultra-lightweight, highly customizable and interactive animations for web, apps and social. Supercharged with AI-based Motion Copilot.

LottieFiles Creator

714 x 462

Main scene

LottieFiles Creator

714 x 462

Main scene

LottieFiles Creator

714 x 462

Main scene

LottieFiles is trusted by over million users and companies worldwide.

LottieFiles is trusted by over million users and companies worldwide.

  • Google
  • Disney
  • Duolingo
  • Uber
  • Instacart
  • Citi
  • Accenture
  • Grab
  • Gojek
  • Spotify
  • Netflix
  • TikTok
  • Microsoft
  • Airbnb
  • Amazon
  • Google
  • Disney
  • Duolingo
  • Uber
  • Instacart
  • Citi
  • Accenture
  • Grab
  • Gojek
  • Spotify
  • Netflix
  • TikTok
  • Microsoft
  • Airbnb
  • Amazon

Your motion workflow simplified

Remix an existing animation to create your own

Create your own motion design masterpiece without having to start from scratch. Simply use the Remix feature on an animation published by others.

Create your own motion design masterpiece without having to start from scratch. Simply use the Remix feature on an animation published by others.

Create your own motion design masterpiece without having to start from scratch. Simply use the Remix feature on an animation published by others.

Animation presets

Bring rich animation presets to any animation of your choice. Ease in or out of the frame, or highlight the object by animating it.

Bring rich animation presets to any animation of your choice. Ease in or out of the frame, or highlight the object by animating it.

Bring rich animation presets to any animation of your choice. Ease in or out of the frame, or highlight the object by animating it.

Import your team’s private files

Import your team's existing Lottie and dotLottie animations onto the canvas.

Import your team's existing Lottie and dotLottie animations onto the canvas.

Import your team's existing Lottie and dotLottie animations onto the canvas.

Timeline and keyframes

Gain precise control over your animations by adjusting keyframes and creating seamless transitions.

Gain precise control over your animations by adjusting keyframes and creating seamless transitions.

Gain precise control over your animations by adjusting keyframes and creating seamless transitions.

100,000+ free Lottie animations

Choose from our extensive animation library for every industry and use case. New animations are added daily.

Choose from our extensive animation library for every industry and use case. New animations are added daily.

Choose from our extensive animation library for every industry and use case. New animations are added daily.

100,000+ free Lottie animations
100,000+ free Lottie animations
100,000+ free Lottie animations

Import SVGs

In addition to Lottie and dotLottie files, you can also insert your static SVGs to give them a touch of motion magic.

In addition to Lottie and dotLottie files, you can also insert your static SVGs to give them a touch of motion magic.

In addition to Lottie and dotLottie files, you can also insert your static SVGs to give them a touch of motion magic.

Customize anything

Customize anything

Tweak, make edits and customize any animation. Save different versions and keep track of all changes.

Tweak, make edits and customize any animation. Save different versions and keep track of all changes.

Export to multiple formats

Export to multiple formats

Save your animation as Lottie JSON, Optimized Lottie JSON, dotLottie, Optimized dotLottie, GIF, MP4, MOV and WebM.

Save your animation as Lottie JSON, Optimized Lottie JSON, dotLottie, Optimized dotLottie, GIF, MP4, MOV and WebM.

Ship & implement

Ship and implement

Our built-in CDN and open-source web player make it easier to host and ship animations to their final destination.

Our built-in CDN and open-source web player make it easier to host and ship animations to their final destination.

Unleash Lottie Creator’s full capabilities with our plugins

🎉 New plugin

Motion Copilot

Describe your animation in any language and watch it turn into keyframes. Overcome creative blocks, save hours of tedious work and focus on what matters. Collaborate with AI to refine and customize to perfection.

🎉 New plugin

Motion Copilot

Describe your animation in any language and watch it turn into keyframes. Overcome creative blocks, save hours of tedious work and focus on what matters. Collaborate with AI to refine and customize to perfection.

🎉 New plugin

Motion Copilot

Describe your animation in any language and watch it turn into keyframes. Overcome creative blocks, save hours of tedious work and focus on what matters. Collaborate with AI to refine and customize to perfection.

AI Prompt to Vector

Use our Generative AI plugin to create vector-based assets in various styles you can animate directly within Lottie Creator.

AI Prompt to Vector

Use our Generative AI plugin to create vector-based assets in various styles you can animate directly within Lottie Creator.

AI Prompt to Vector

Use our Generative AI plugin to create vector-based assets in various styles you can animate directly within Lottie Creator.

Kinetic Typography

Enhance your animations with stunning typography by converting text into editable vector graphics that render consistently everywhere.

Kinetic Typography

Enhance your animations with stunning typography by converting text into editable vector graphics that render consistently everywhere.

Kinetic Typography

Enhance your animations with stunning typography by converting text into editable vector graphics that render consistently everywhere.

Duplicator

Simplify repetitive design tasks by quickly creating multiple copies of the same layer with various transformations.

Duplicator

Simplify repetitive design tasks by quickly creating multiple copies of the same layer with various transformations.

Duplicator

Simplify repetitive design tasks by quickly creating multiple copies of the same layer with various transformations.

Wide range of powerful features

  • Animation easing (Interpolation)

  • Animation presets

  • Keyframing

  • Trim path

  • Varying FPSs

  • Realtime playback

  • Parametric shapes

  • SVG import

  • .json import

  • Gradient fill (linear and radial)

  • Nested scene (pre-comps)

  • Lottie animation library

  • File auto-save

  • Color Picker

  • Preview in web player

  • Keyboard shortcuts

  • Export to .gif

  • Export to .mp4

  • Export to workspace

  • Duplicator

  • Animation easing (Interpolation)

  • Animation presets

  • Keyframing

  • Trim path

  • Varying FPSs

  • Realtime playback

  • Parametric shapes

  • SVG import

  • .json import

  • Gradient fill (linear and radial)

  • Nested scene (pre-comps)

  • Lottie animation library

  • File auto-save

  • Color Picker

  • Preview in web player

  • Keyboard shortcuts

  • Export to .gif

  • Export to .mp4

  • Export to workspace

  • Duplicator

  • Animation easing (Interpolation)

  • Animation presets

  • Keyframing

  • Trim path

  • Varying FPSs

  • Realtime playback

  • Parametric shapes

  • SVG import

  • .json import

  • Gradient fill (linear and radial)

  • Nested scene (pre-comps)

  • Lottie animation library

  • File auto-save

  • Color Picker

  • Preview in web player

  • Keyboard shortcuts

  • Export to .gif

  • Export to .mp4

  • Export to workspace

  • Duplicator

Create. Collaborate. Ship.

Welcome to LottieFiles, your team’s complete motion workflow.

Lottie Creator

FAQs

What is Lottie Creator?

Lottie Creator is a web-based tool for creating animations. Through an intuitive interface equipped with features such as keyframing and animation presets, it makes it easy for anyone to begin playing with motion. You can import your Lottie animations or SVGs to make edits, add interactivity, animate, and more.

What is Lottie Creator?

Lottie Creator is a web-based tool for creating animations. Through an intuitive interface equipped with features such as keyframing and animation presets, it makes it easy for anyone to begin playing with motion. You can import your Lottie animations or SVGs to make edits, add interactivity, animate, and more.

What is Lottie Creator?

Lottie Creator is a web-based tool for creating animations. Through an intuitive interface equipped with features such as keyframing and animation presets, it makes it easy for anyone to begin playing with motion. You can import your Lottie animations or SVGs to make edits, add interactivity, animate, and more.

What can I animate with Lottie Creator?

What can I animate with Lottie Creator?

What can I animate with Lottie Creator?

What are the formats supported by Lottie Creator?

What are the formats supported by Lottie Creator?

What are the formats supported by Lottie Creator?

Is Lottie Creator free?

Is Lottie Creator free?

Is Lottie Creator free?

Are animations from Lottie Creator responsive?

Are animations from Lottie Creator responsive?

Are animations from Lottie Creator responsive?

Do I need animation experience to use Lottie Creator?

Do I need animation experience to use Lottie Creator?

Do I need animation experience to use Lottie Creator?

How can I share my animations from Lottie Creator?

How can I share my animations from Lottie Creator?

How can I share my animations from Lottie Creator?

Is my data secure with Lottie Creator?

Is my data secure with Lottie Creator?

Is my data secure with Lottie Creator?

How long can my Lottie animations be?

How long can my Lottie animations be?

How long can my Lottie animations be?

Can I use Lottie Creator on mobile devices?

Can I use Lottie Creator on mobile devices?

Can I use Lottie Creator on mobile devices?

Create. Collaborate. Ship.

Effortlessly bring motion to your everyday designs.

Create. Collaborate. Ship.

Effortlessly bring motion to your everyday designs.

Create. Collaborate. Ship.

Effortlessly bring motion to your everyday designs.