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
Elementor and LottieFiles are making it even easier to bring your websites to life with Lottie animations.
From a designer to a designer, David Probst Jr gives his tips on how you too can find inspiration and start working with Lottie animations.
A step-by-step on how to get started with Lottie animations in an Android app.
A technical comparison of Lottie and raster animations.
Which is right for me, the LottieFiles for After Effects extension, or Bodymovin?
A basic guide on how you can add user controls to your Lottie animations in React.
How to use Lottie animations in a React App with this easy-to-follow walkthrough.
Turn Figma designs with Lottie animations into native apps instantly with Bravo Studio.
Product designer Chethan KVS learned of Lottie animations long before a lot of the documentation existed. Here’s his story on finding Lottie.
A quick demo for using the Lottie interactivity library with the Lottie Web Player component and the Lottie Player to add interactivity.
Product Designer at Swiggy, Saptarshi Prakash has been using Lottie in his designs to help the product talk better to the user.
In this interview, David shares his journey with Lottie and thoughts on the future of interactive design.
Insight into how Team LottieFiles have adapted to work during the coronavirus quarantine.
Use these Lottie animations in your websites, apps, videos and social posts to highlight initiatives to help prevent the spread of Coronavirus. Let’s beat this thing togeth...
Learn animation principles, techniques, and tricks of using After Effects, creating Lottie animations and much more.
Motion made simple.