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
Lottie Creator waitlist
Create high quality and lightweight Lottie animations with our browser-based tool
Marketplace
Buy and sell premium Lottie animations
Integrations & Plugins
Plugins and extensions for working with Lottie animations
LottieFiles Mobile App
Create animated designs and access your animation library on the go
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
Using trim path and duplicating the layer made an animation and then the profile name animated from the bottom to the center.
