Free Ready-to-use Animations
Designs created by the community for the community
LottieFiles Platform new
Collaborate with teams, optimize files, edit, personalize and more
Marketplace
Buy and sell premium Lottie animations
Integrations & Plugins
Plugins and extensions for working with Lottie animations
Preview/Test
Test your Lottie animation work on web and mobile
Optimize Lottie
Significantly reduce animation file size keeping its quality intact
Lottie Editor
Tweak Lottie animations without After Effects
Create with AE
Make Lottie animations with LottieFiles After Effects
Design Plugins
LottieFiles integrates with all your favorite design and dev tools
Web Player
Perfect for adding Lottie animations to web
Open-source Libraries
All our public GitHub repositories available for use and contribution
Visual Studio Code
Improve your development workflow with the LottieFiles plugin
Guide to Lottie Format
Learn about Lottie format, schema and advanced interactions
What is Lottie
A comprehensive guide to this powerful little format
Blog
How-to guides, interviews, articles, and more
Education Center new
Learn from the Lottie experts
Community Events
Meet other motion enthusiasts, learn from experts, or help evangelize
Create animated designs, share them straight to social media, customize animations and more.
A Swift/iOS tutorial on how to add Lottie animations to your apps.
Add motion anywhere – even if you can’t code or design.
Here’s how to make any Lottie animation fit your brand or design aesthetic.
It’s never been easier to work on motion design projects with your team.
Animate in Figma, as easily as drag and drop.
Here are three ways to reduce the size of your Lottie animations for faster load speeds.
The embed feature makes adding motion as easy as copy and paste.
Add Lottie with HTML, and customize the look of the animation and player.
Create more engaging prototypes! Here’s how to design with Lottie animations in Adobe XD.
With this fun and quick tutorial on How to set up Named Markers in Lottie animations, you will learn to clearly define and document the different segments of your...
Making a Lottie animation interactive is cool... but making it interactive in response to audio is even cooler!
A guide to what Lottie is, what it can do, its history, and why it's going to be the animation format of the future.
In this tutorial, you will learn how to embed a hamburger menu into a responsive page header by taking advantage of Lottie Player.
A quick tutorial on how you can add an animated splash screen.
Motion made simple.