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
Open-source Libraries
These are tools and integrations
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
All our public GitHub repositories available for use and contribution
Visual Studio Code
Improve your development workflow with the LottieFiles plugin
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
Add motion anywhere – even if you can’t code or design.
Add motion to your email marketing campaigns.
Here’s how to make any Lottie animation fit your brand or design aesthetic.
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.
Level up your messaging game with animated stickers.
Create awesome animated designs with just a few taps.
Create animated Canva designs – all on your mobile phone!
Awesome animated content is just a few taps away.
Create scroll-stopping social media content with animation.
Drive engagement and conversions. Here’s how to use motion design in marketing.
Upload your animations, then optionally, share them publicly.
Create beautiful animated text with Adobe After Effects.
Add Lottie with HTML, and customize the look of the animation and player.
Adding animations to prototypes is as easy as drag and drop.
Motion made simple.
