Access the world's largest collection of free animations
Buy and sell premium Lottie animations
Find and hire animators for custom Lottie animations
Collaborate with teams, optimize files, edit, personalize and more
Optimize Lottie animations
Collaborate with your team
Custom branded color palette
Explore all features
LottieFiles for Adobe After Effects
Create Lottie animations with our Adobe After Effects plugin
Create Lottie animations easily with our browser-based tool
Edit and customize animations easily using our web-based editor
LottieFiles Mobile App
Create animated designs and access your library on the go
Integrations & plugins
Adobe After Effects
Ship Lottie animations on your website in just a few clicks
SVG to Lottie
Convert static icons and illustrations into Lottie animations
Lottie to GIF
Seamlessly transform Lottie animations into high-quality GIFs
Edit Lottie animations easily by tweaking their JSON data
Lottie to dotLottie
Convert Lottie JSON files to the dotLottie format in seconds
Upload and optimize your Lottie animations for faster loading
Open Source Libraries
Use and contribute to our public GitHub repositories
A GitHub repository for iOS
A GitHub repository for Android
Learn how our customers brought their designs to life with motion
Discover and get inspired by the many use cases of motion design
Built With Lottie
Check out these websites, apps and more that were all built with Lottie
Learn why motion design matters and how easy it is to get started
How Musinsa uses Lottie in branding and partnerships
Using animations to improve user experience in Duolingo
How Toss makes finance a fun and easy experience
See all Case Studies
What is Lottie
Learn all about the Lottie format and why you should use it
Up your Lottie game and hone your motion design skills
Stay updated with the latest in the world of motion design
FAQ & Support
Helpful guides along with answers to your most common questions
A friendly space to discuss all things Lottie and motion
Learn how to add interactivity using the Lottie Web Player
In-depth documentation for the Lottie animation format
Dive right into the Lottie format by building and editing animations
Get to know the dotLottie format and its many advantages
Connect with and learn from fellow Lottie lovers at our fun events
Unleash your creativity for a chance to win some cool prizes
Add Lottie with HTML, and customize the look of the animation and player.
Adding animations to prototypes is as easy as drag and drop.
Share free, customized Lottie animations to TikTok – without leaving your mobile device.
Create animated posts and stories without leaving your mobile device.
Learn how to pick the right colors and apply them to animations with the Color Palette feature.
Take your Canva designs to the next level by adding motion. No graphic or motion designer needed!
Want to design an app that stands out? Here’s how to use animation to create unforgettable experiences.
Add motion to your WordPress site for free – even if you can’t design or code.
Create a Lottie animation from scratch and implement it in your Figma prototype.
Bring your design assets from Figma to Vectary to create beautiful perspective mobile app mockups.
Here’s how to edit a Lottie JSON to change animation colors – no coding knowledge needed.
Animate any logo, even if you’re not a motion designer. Here’s how with the SVG to Lottie tool.
Want to create animated overlays for YouTube Live, Twitch, Google Meet, or other platforms?
Level up your livestreams or video meetings on Google Meet and Zoom.
Interaction Chaining with Lottie-Interactivity allows Lottie animations to react to multiple user interactions.
Motion made simple.