Working with Lottie Animations
Master Lottie animations with our in-depth guides on various animation file formats, tools, plugins, apps and integrations, as well as essential resources designed to streamline your creative process and level up your designs.
117 articles
How to Edit Lottie Animations With the Lottie Editor
Tweak your animation’s dimensions, layers, colors, text, image and more and use it in any design project.
How to Customize Lottie Animations on Lottie Editor with CSS Classes
Change color and customize your Lottie animation by adding ID tags and classes to target layers with CSS!
New and Improved Lottie Editor for Seamless Animation Editing
The new Lottie Editor simplifies the animation process by making it easier to adjust, color changes and optimize or conceal layers.
Here’s What You Can Do with the New LottieFiles Mobile App
Create animated designs, share them straight to social media, customize animations and more.
How to Add Lottie Animations in iOS Apps (Swift)
A Swift/iOS tutorial on how to add Lottie animations to your apps.
How to Add Lottie Animations Anywhere: Web, Mobile Apps, Design Mockups and More
Add motion anywhere – even if you can’t code or design.
4 Ways to Edit Your Lottie Animations
Here’s how to make any Lottie animation fit your brand or design aesthetic.
Introducing LottieFiles’ New Collaborative Features for a Better Design Workflow
It’s never been easier to work on motion design projects with your team.
How to Add Animations and Prototype with the LottieFiles for Figma Plugin
Animate in Figma, as easily as drag and drop.
How to Optimize Lottie Files for Faster Page Load Speeds
Here are three ways to reduce the size of your Lottie animations for faster load speeds.
How to Download Animated Stickers for WhatsApp and Telegram
Level up your messaging game with animated stickers.
How to Add Lottie Animations to Adobe Express on Mobile
Create awesome animated designs with just a few taps.
How to Create Animated Instagram (IG) Stories and Reels with LottieFiles
Awesome animated content is just a few taps away.
How to Embed Lottie Animations Anywhere, Without Code
The embed feature makes adding motion as easy as copy and paste.
How to Upload Your Animations to LottieFiles
Upload your animations, then optionally, share them publicly.
A Guide to Motion Design
What is motion design, and why does it matter?
How to Recreate Apple’s "iPad Mini" Animated Text
Create beautiful animated text with Adobe After Effects.
How to Add Lottie Animations to a Website with HTML
Add Lottie with HTML, and customize the look of the animation and player.
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