LottieFiles
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

Made in Creator

Discover and get inspired by these stunning animations that were built using Lottie Creator

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.

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.

Import your team’s private files

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.

100,000+ free Lottie animations

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.

Customize anything

Customize anything

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.

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.

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

  • Multiple format export

  • Gradient fill (linear & radial)

  • Next scene (pre-comps)

  • Preview in web player

  • Parametric shapes

  • Realtime playback

  • Parametric shapes

  • Blend mode

  • State Machine

  • Text import

  • Keyframes

  • Vary FPSs

  • Realtime playback

  • Keyframe optimizer

  • Components

  • SVG to Lottie

  • Anchor

  • Export to .mp4

  • Trim path

  • Motion presets

  • Outliner

  • Ruler

  • Snap position

  • Guides

  • Grids

  • Layer lock

  • Layer focus

  • Theming

  • Layer hide

  • Multiple format export

  • Gradient fill (linear & radial)

  • Next scene (pre-comps)

  • Preview in web player

  • Parametric shapes

  • Realtime playback

  • Parametric shapes

  • Blend mode

  • State Machine

  • Text import

  • Keyframes

  • Vary FPSs

  • Realtime playback

  • Keyframe optimizer

  • Components

  • SVG to Lottie

  • Anchor

  • Export to .mp4

  • Trim path

  • Motion presets

  • Outliner

  • Ruler

  • Snap position

  • Guides

  • Grids

  • Layer lock

  • Layer focus

  • Theming

  • Layer hide

  • Multiple format export

  • Gradient fill (linear & radial)

  • Next scene (pre-comps)

  • Preview in web player

  • Parametric shapes

  • Realtime playback

  • Parametric shapes

  • Blend mode

  • State Machine

  • Text import

  • Keyframes

  • Vary FPSs

  • Realtime playback

  • Keyframe optimizer

  • Components

  • SVG to Lottie

  • Anchor

  • Export to .mp4

  • Trim path

  • Motion presets

  • Outliner

  • Ruler

  • Snap position

  • Guides

  • Grids

  • Layer lock

  • Layer focus

  • Theming

  • Layer hide

Create. Collaborate. Ship.

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

Lottie Creator

FAQs

What is Lottie Creator?

Lottie Creator is a powerful web-based animation tool built specifically for Lottie. It gives you a full set of design and animation controls—layers, shapes, text, and keyframes so you can build motion graphics, UI animations, and illustrations directly in the browser. Import SVGs or start from scratch, then refine every element with precision.

What is Lottie Creator?

Lottie Creator is a powerful web-based animation tool built specifically for Lottie. It gives you a full set of design and animation controls—layers, shapes, text, and keyframes so you can build motion graphics, UI animations, and illustrations directly in the browser. Import SVGs or start from scratch, then refine every element with precision.

What is Lottie Creator?

Lottie Creator is a powerful web-based animation tool built specifically for Lottie. It gives you a full set of design and animation controls—layers, shapes, text, and keyframes so you can build motion graphics, UI animations, and illustrations directly in the browser. Import SVGs or start from scratch, then refine every element with precision.

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.