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.
714 x 462
Main scene
714 x 462
Main scene
714 x 462
Main scene
What's new
What's new
LottieFiles is trusted by over million users and companies worldwide.
LottieFiles is trusted by over million users and companies worldwide.
Made in Creator
Made in Creator
Made in Creator
Discover and get inspired by these stunning animations that were built using Lottie Creator
Shubhangi Kaushal
Amanda Patamakanthin
Lana Nguyen
Mathias Lynge
Sanjib Paul
Lana Nguyen
Sanjib Paul
Shubhangi Kaushal
Amanda Patamakanthin
Lana Nguyen
Mathias Lynge
Sanjib Paul
Lana Nguyen
Sanjib Paul
Shubhangi Kaushal
Amanda Patamakanthin
Lana Nguyen
Mathias Lynge
Sanjib Paul
Lana Nguyen
Sanjib Paul
Mau Ali
Kenneth Mahakim
Amanda Patamakanthin
Mau Ali
Shafiqah
Mau Ali
Mau Ali
Kenneth Mahakim
Amanda Patamakanthin
Mau Ali
Shafiqah
Mau Ali
Mau Ali
Kenneth Mahakim
Amanda Patamakanthin
Mau Ali
Shafiqah
Mau Ali
RaSpiNa
Sanjib Paul
Amanda Patamakanthin
Sanjib Paul
Design TPC
Yaamin Mohamed
RaSpiNa
Sanjib Paul
Amanda Patamakanthin
Sanjib Paul
Design TPC
Yaamin Mohamed
RaSpiNa
Sanjib Paul
Amanda Patamakanthin
Sanjib Paul
Design TPC
Yaamin Mohamed
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.
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
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
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 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.
Additional Resources
Here are some inspirations for you to get started with 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.
