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
Level up your messaging game with animated stickers.
Boo! The spookiest holiday of the year is here.
It’s now easier to collaborate with your team, customize animations and implement motion.
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.
Read Henrique’s thoughts on freelancing and motion in design systems.
Drive engagement and conversions. Here’s how to use motion design in marketing.
The embed feature makes adding motion as easy as copy and paste.
Upload your animations, then optionally, share them publicly.
What is motion design, and why does it matter?
A look back into the evolution of web design.
Create beautiful animated text with Adobe After Effects.
Add Lottie with HTML, and customize the look of the animation and player.
Motion made simple.
