TIPS AND TUTORIALS• 01 May 2023 • 3 min read
Customize Lottie Animation for Dark/Light Mode Using CSS
Find out how our designs help define LottieFiles' brand identity.
TIPS AND TUTORIALS• 30 Jun 2023 • 3 min read
How to Create 3D Lottie Animations with Extrudalizer
Give your 2D Lottie animations an added dimension with Extrudalizer!
TIPS AND TUTORIALS• 30 Jun 2023 • 8 min read
7 Best Practices for Optimizing Animated Video for Search Engines
Optimize your animated videos with savvy search engine optimization!
TIPS AND TUTORIALS• 31 May 2023 • 3 min read
How to add Lottie JSON and dotLottie animation files on Framer
Create an amazing animated website with just a few clicks.
TIPS AND TUTORIALS• 29 Mar 2022 • 4 min read
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.
TIPS AND TUTORIALS• 13 Feb 2023 • 4 min read
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!
TIPS AND TUTORIALS• 03 Nov 2022 • 5 min read
How to Add Lottie Animations Anywhere: Web, Mobile Apps, Design Mockups and More
Add motion anywhere – even if you can’t code or design.
TIPS AND TUTORIALS• 20 Dec 2021 • 8 min read
Animated Emails: Why Add Animation to Emails & How to Do It
Add motion to your email marketing campaigns.
TIPS AND TUTORIALS• 27 Oct 2022 • 4 min read
4 Ways to Edit Your Lottie Animations
Here’s how to make any Lottie animation fit your brand or design aesthetic.
TIPS AND TUTORIALS• 14 Apr 2021 • 6 min read
How to Add Animations and Prototype with the LottieFiles for Figma Plugin
Animate in Figma, as easily as drag and drop.
TIPS AND TUTORIALS• 18 Oct 2022 • 4 min read
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.
TIPS AND TUTORIALS• 14 Oct 2022 • 3 min read
How to Download Animated Stickers for WhatsApp and Telegram
Level up your messaging game with animated stickers.
TIPS AND TUTORIALS• 07 Oct 2022 • 3 min read
How to Add Lottie Animations to Adobe Express on Mobile
Create awesome animated designs with just a few taps.
TIPS AND TUTORIALS• 26 Sep 2022 • 3 min read
How to Add Lottie Animations to Canva on Mobile
Create animated Canva designs – all on your mobile phone!
TIPS AND TUTORIALS• 04 Oct 2022 • 3 min read
How to Create Animated Instagram (IG) Stories and Reels with LottieFiles
Awesome animated content is just a few taps away.
Products
Integrations & Tools
Resources
Terms and Policies
LottieFiles is by Design Barn Inc.
Copyright © 2023 Design Barn Inc. All rights reserved.
Made with ❤️ from Maldives
Products
Integrations & Tools
Resources
Terms and Policies
LottieFiles is by Design Barn Inc.
Copyright © 2023 Design Barn Inc. All rights reserved.
Made with ❤️ from Maldives