Free Ready-to-use Animations
Designs created by the community for the community
Collaborate with teams, optimize files, edit, personalize and more
Buy and sell premium Lottie animations
These are tools and integrations
Test your Lottie animation work on web and mobile
Significantly reduce animation file size keeping its quality intact
Tweak Lottie animations without After Effects
Create with AE
Make Lottie animations with LottieFiles After Effects
LottieFiles integrates with all your favorite design and dev tools
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
How-to guides, interviews, articles, and more
Learn from the Lottie experts
Meet other motion enthusiasts, learn from experts, or help evangelize
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.
404 pages don’t have to be boring. Get inspired by these creative animated examples.
Animation and no-code – has there ever been a better combo?
Want your own custom animations? Here are your options.
Adding animations to prototypes is as easy as drag and drop.
Here’s how motion can improve your website or app’s user experience.
Share free, customized Lottie animations to TikTok – without leaving your mobile device.
Create animated posts and stories without leaving your mobile device.
Motion made simple.