Animations
Free Animations
Access the world's largest collection of free animations
Marketplace
Buy and sell premium Lottie animations
Hire Animators
Find and hire animators for custom Lottie animations
Platform
LottieFiles Platform New
Collaborate with teams, optimize files, edit, personalize and more
Key features:
Optimize Lottie animations
Collaborate with your team
Custom branded color palette
Explore all features
More Products
LottieFiles for Adobe After Effects
Create Lottie animations with our Adobe After Effects plugin
Lottie Creator Waitlist
Create Lottie animations easily with our browser-based tool
Lottie Editor
Edit and customize animations easily using our web-based editor
LottieFiles Mobile App
Create animated designs and access your library on the go
Integrations & plugins
Adobe After Effects
Figma
Canva
Webflow
Framer
WordPress
Explore all
Tools
Web Player
Ship Lottie animations on your website in just a few clicks
SVG to Lottie
Convert static icons and illustrations into Lottie animations
Lottie to GIF
Seamlessly transform Lottie animations into high-quality GIFs
JSON Editor
Edit Lottie animations easily by tweaking their JSON data
Lottie to dotLottie
Convert Lottie JSON files to the dotLottie format in seconds
Optimize Lottie
Upload and optimize your Lottie animations for faster loading
Libraries
Open Source Libraries
Use and contribute to our public GitHub repositories
iOS Library
A GitHub repository for iOS
Android Library
A GitHub repository for Android
Customers
Customer Stories
Learn how our customers brought their designs to life with motion
Inspiration
Use Cases
Discover and get inspired by the many use cases of motion design
Built With Lottie
Check out these websites, apps and more that were all built with Lottie
Why Motion?
Learn why motion design matters and how easy it is to get started
Case Studies
Instacart
How Instacart uses motion to tell a story
Headspace
Creating moments of joy and mindfulness at Headspace
Gojek
Warm and personal user experiences at Gojek
See all Case Studies
Learn
What is Lottie
Learn all about the Lottie format and why you should use it
Education Center
Up your Lottie game and hone your motion design skills
Blog
Stay updated with the latest in the world of motion design
FAQ & Support
Helpful guides along with answers to your most common questions
Forum
A friendly space to discuss all things Lottie and motion
For Developers
Interactivity Guide
Learn how to add interactivity using the Lottie Web Player
LottieDocs
In-depth documentation for the Lottie animation format
Developer Playground
Dive right into the Lottie format by building and editing animations
dotLottie
Get to know the dotLottie format and its many advantages
Community
Connect with and learn from fellow Lottie lovers at our fun events
Lottie Challenge
Unleash your creativity for a chance to win some cool prizes
I designed the interface in Figma then added motions. to it in After Effects.
