Explore the diverse range of tools at LottieFiles. Whether you're creating, tweaking, or optimizing, LottieFiles provides the collaboration ecosystem for your creative journey.
41 articles
Change color and customize your Lottie animation by adding ID tags and classes to target layers with CSS!
The new Lottie Editor simplifies the animation process by making it easier to adjust, color changes and optimize or conceal layers.
Create animated designs, share them straight to social media, customize animations and more.
Add motion anywhere – even if you can’t code or design.
Here’s how to make any Lottie animation fit your brand or design aesthetic.
It’s never been easier to work on motion design projects with your team.
Here are three ways to reduce the size of your Lottie animations for faster load speeds.
Level up your messaging game with animated stickers.
Create awesome animated designs with just a few taps.
Awesome animated content is just a few taps away.
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?
Add Lottie with HTML, and customize the look of the animation and player.
Share free, customized Lottie animations to TikTok – without leaving your mobile device.
Create animated posts and stories without leaving your mobile device.
Learn how to pick the right colors and apply them to animations with the Color Palette feature.
Here’s how they compare, and when you might use each file type.
Products
Integrations & Tools
Resources
Terms and Policies
LottieFiles is by Design Barn Inc.
Copyright © 2025 Design Barn Inc. All rights reserved.
Made with ❤️ fromVietnam
Products
Integrations & Tools
Resources
Terms and Policies
LottieFiles is by Design Barn Inc.
Copyright © 2025 Design Barn Inc. All rights reserved.
Made with ❤️ fromVietnam